Question

добрый день нужна ваша помощь. есть код с переключателем страниц с прокруткой. он работает но хотелось бы подстроить ещё немного под себя.

вот код

     <div style="display:none;position:absolute; right: 205px;top:0;margin-top:560px" id="pageselector">
<table cellspacing="0" cellpadding="0">
<tr>
<td width="1"><div class="pages_1"> </div></td>
<td class="pages_2">
$PAGE_SELECTOR$
</td>
<td width="1"><div class="pages_1"> </div></td>
</tr>
</table>
</div> 
<script type="text/javascript"> 
$(window).scroll(function () {
 st = $(window).scrollTop();
 var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
 if(scrollBottom <2500) {$("#pageselector").fadeIn(2500)} else {$("#pageselector").fadeOut(100)}
 $('#pageselector').css('top', st+'px')
 $('#pageselector').css('opacity', '0.8')
});
</script> 
<style type="text/css">
.pages_1 {width:1px;height:48px;overflow:hidden;background:black}
.pages_2 {background:black;height:50px}
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}
.swchItemA {color:white;font-seight:bold;text-desotation:none;border-bottom:3px solid #ffffff;padding:3px;background:none;margin:5px;}
.swchItem {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItem:hover {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
</style>

так вот такой вопрос можно ли настроить что б переключатель отображался сразу при загрузки сайта. час переключатель отображается только после прокрутки вниз.

пробывал настроить по этому коду scrollBottom <2500) {$("#pageselector").fadeIn(2500) но в итоге не помогло и ещё маленьком экране переключатель проподает.

и ещё как можно поменять цвет кнопки при навидении. час она синяя как поменять на зелёную например

 

Answer 1

При наведении смените здесь бекгроунд

.pagesBlockuz1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}

За доработкой скрипта обратитесь сюда https://upartner.pro/ или поработайте с этим
var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
это отслеживание высоты и т.д ....

Comments

спасибо помогло