Кнопка прокрутки вверх-вниз работает во всех браузерах, но нормально видна только в Firefox, как исправить?

голоса: 0

Всем доброго времени суток!

После долгих поисков в сети нашёл подходящие кнопки прокрутки вверх-вниз. Но вот беда: нормально отображаются они только в браузере Мозилла. В остальных пропадают и появляются, как сами захотят. Чаще всего - одновременно и верняя и нижняя. По идее, должны появляться и пропадать по отдельности и постепенно, в соответствии с направлением прокрутки. Функционал сохраняется, если удачно попасть мышом, то прокрутка работает, именно отображение хромает.

Код установлен в нижней части сайта. CSS нет. На скринах Мозилла и Опера.

Код:

<script type="text/javascript">
jQuery(function(){
 $("#Go_Top").hide().removeAttr("href");
 if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
 $(window).scroll(function(){
 if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
 else $("#Go_Top").fadeIn("slow")
 });

 $("#Go_Bottom").hide().removeAttr("href");
 if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
 $(window).scroll(function(){
 if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
 else $("#Go_Bottom").fadeIn("slow")
 });

 $("#Go_Top").click(function(){
 $("html, body").animate({scrollTop:0},"slow")
 })
 $("#Go_Bottom").click(function(){
 $("html, body").animate({scrollTop:$(document).height()},"slow")
 })
});
</script>

<a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
 <img src="http://www.zimin-life.ru/img/icon_up.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
 <img src="http://www.zimin-life.ru/img/icon-down.png" title="Вниз">
</a>

Адрес сайта http://www.zimin-life.ru/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Александр Зимин

Ответов: 1

голоса: 0

Верхнию строчку скрипта

jQuery(function(){

замените на эту

$( document ).ready(function() {

| Автор:
Поменял. Результат:  Мозилла: как и раньше, отлично  Яндекс: нормально на страницах, плохо на главной (может дело в совместимости с кодом слайдера и информеров?)  Опера: плохо везде  Гугл Хром: плохо везде  Гугл Хром на планшете: нормально
Александр Зимин,
Попробуйте карусельные скрипты разместить перед тэгом </body>
Слайдер и информеры для главной страницы в шаблоне идут отдельными блоками, не в составе общего кода. Автор шаблона настоятельно не рекомендует вносить правки. Один раз где-то затронул систему - слетела совместимость с IE, теперь приходится ждать ответа тех. поддержки по проблеме, больше не рискую.
...