Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Smooth scrolling a ala okno, warstwa
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
artisan
Witam,
podpiąłem do mojej stronki taki plugin http://www.jqueryscript.net/animati...th-M...crollSpeed.html . Wszystko fajnie działa, tylko gdy mam obrazek i kliknę na niego to się pojawia div, który jest wyżej i normalnie blokuje przewijanie strony i on jest przewiajany, nie naruszając tego co jest pod spodem. Gdy użyje skryptu, div nie jest prewijany tylko strona pod nim, jak zablokować działanie pluginu na czas wyświetlania diva?
trueblue
Ciało funkcji obsługującej kółko myszy/gładzik obejmij warunkiem jak poniżej.
Kod
$window.on('mousewheel DOMMouseScroll', function(e) {
if(!$(e.target).is('#test2,#test')){
  scroll = true;
  if (e.originalEvent.wheelDeltaY < 0 || e.originalEvent.detail > 0)
   top = (top + viewport) >= $document.height() ? top : top += step;
  if (e.originalEvent.wheelDeltaY > 0 || e.originalEvent.detail < 0)
   top = top <= 0 ? 0 : top -= step;
   $body.stop().animate({
    scrollTop: top
   }, speed, 'default', function() {
   scroll = false;
  });
  return false;
}
}).on('scroll', function() {

Tu jest zawarty selektor na dwa id elementów: test i test2, Ty ustaw u siebie odpowiedni, inny selektor (np. id tego problematycznego diva).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.