2016-03-31 29 views
0

Kullanıcılar genişletmek için tıkladığında kayan bir tür kaydırıcı üzerinde çalışıyorum. Çalışıyorum ama genişlediğimde ana sayfada kaydırmayı devre dışı bırakmak istiyorum. Ben kodu Aşağıda kullanılan ve onunla etrafında oynanan ama çok faydalı olacaktır bugüne kadariframe genişlediğinde ana sayfanın kaydırılması nasıl devre dışı bırakılır?

var $window = $(window), previousScrollTop = 0, scrollLock = false; 
 

 
$window.scroll(function(event) {  
 
    if(scrollLock) { 
 
     $window.scrollTop(previousScrollTop); 
 
    } 
 

 
    previousScrollTop = $window.scrollTop(); 
 

 
});

herhangi bir yardım veya öneri var. gizli: JS

ile bir acemi Im kullanıcı taşma ayarlar sizin kaydırıcı genişlediğinde Sen

+0

deneyin sizin eğer koşul içinde bu eklemek için: event.preventDefault(); – user4467065

cevap

0

Sadece sayfanın gövde elemanı için bir sınıf eklemek ederiz. BB'de

:

JS
body.slider-open { 
    overflow: hidden; 
} 

senin eleman açar veya kapatır:

document.body.classList.toggle('slider-open); 
+0

Benim için işe yaramayan teşekkürler, mobil \t \t işlevini algılamak için bir işlev ekledimMobile() { return (device.is_android() || device.is_blackberry() || device.is_ios() || device.is_windows_phone()); ( document.body.style.overflow = 'hidden'; } \t} – Blair