Jump to content
  • 0

Не работает скрипт в Chrome


Vicos
 Share

Question

Здравствуйте! Проблема в следующем скрипте:

var lastScrollTop = 0;    $('html, body').scroll(function(event){       var st = $(this).scrollTop();       if (st > lastScrollTop){           //вниз           console.log(st);           //toTop       } else {          // вверх           console.log(st);       }       lastScrollTop = st;    });

Эти строки отслеживают прокручивание страницы, раньше я им пользовался и без проблем работал. Сейчас же решил прикрутить его на http://vocis.ru и тут я себе "сломал нос о стену", изначально он работал с селектором window.

var lastScrollTop = 0;    $(window).scroll(function(event){       var st = $(this).scrollTop();       if (st > lastScrollTop){           //вниз           console.log(st);           //toTop       } else {          // вверх           console.log(st);       }       lastScrollTop = st;    });

Теперь же только "html, body" и то только в Firefox, проблема с откреплённым меню и кнопкой "вверх", Chrome выписывает "0". В чём причина не могу понять.

Подозреваю что это может быть из-за дублей библиотеки jQuery, но оставив одну функционал пропадает.

И это собственно не единственное что не работает - плагин scrollTo так же не хочет работать и не срабатывает плавный скролл. Скрипты что проблемные без проблем работают на других страницах, на этом же сайте не хотят.

Действительно ли дело в дублях jQuery или я что то упустил? Ошибок консоль не выдаёт.

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Это событие не всплывает потому что для html и body его просто нет. Не могу представить для чего вам понадобилось заменить window на эти селекторы.

Для window оно так же не срабатывает, собственно я его и прикрутил наугад, в Firefox работает. С window ни для какого браузера не срабатывает.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By VolKTieR
      Здравствуйте.
      Имеется данный код:
      <audio id="audio">     <source src="audio/1.mp3" type="audio/mpeg"> </audio> <div class="fixedbut" id="sebut">Звук</div> <style> div.fixedbut { position: fixed;     bottom: 93%;     right: 20px;      display: block;      background: white;      border-radius: 10px;     color: black;      text-decoration: none;      padding: 6px 23px;     font-size: 17px ;     -webkit-transition: 0.33s all ease-out;      -o-transition: 0.33s all ease-out;      transition: 0.33s all ease-out;     z-index: 999; } div.fixedbut:hover {         background: grey;         color: white; } </style> <script> document.getElementById("sebut").onclick = function()     {       var myaudio = document.getElementById("audio");       if(myaudio.paused == true)       {         document.getElementById("audio").play();  }       else if (myaudio.paused == false)       {         document.getElementById("audio").pause(); }     } </script> <script>     $(document).ready(function(){       $(window).scroll(function () {         if ($(this).scrollTop() > 200)          {             $('div.fixedbut').fadeIn();        }         else          {             $('div.fixedbut').fadeOut();         }   })     }); </script>
       
      Кнопка плавающая, останавливает звук включенный другой .
      Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
      Подскажите пожалуйста как сделать))
    • By serzh82saratov
      Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно.
      Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения?   https://jsfiddle.net/0b9dye0j/
    • By ShumNo
      Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/
      Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл.
      Как бы вы решили? Быть может оно вообще не решается... ?
      Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному
       
    • By tefery
      Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?
    • By Roma-Pro
      DEMO
      Когда содержимое не помещается в overflow: auto, то
      элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение)
      Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.
       

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy