2016-03-31 2 views
0

私は、ユーザーがクリックして拡大するときにスライドする何らかの種類のスライダに取り組んでいます。私はそれが働いているが、私は拡大するとメインページのスクロールを無効にしたい。私は任意のヘルプや提案は非常に有用であろうiframeが展開されたときに親ページのスクロールを無効にするにはどうすればよいですか?

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

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

 
    previousScrollTop = $window.scrollTop(); 
 

 
});

コードの下に使用し、それを周りにプレイしたが、これまで持っていません。隠された:JS

で初心者イムは、ユーザーがオーバーフローセットあなたのスライダーを展開するときは、

+0

があなたの場合の条件の中にこれを追加してください:event.preventDefault(); – user4467065

答えて

0

ただ、ページのbody要素にクラスを追加ありがとうございます。 CSSで

:JSで

body.slider-open { 
    overflow: hidden; 
} 

あなたの要素の開閉:

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

ありがとう、私のために働いてくれたおかげで、モバイルを検出する機能を追加しました。 ()); \t if(isMobile()){ document.body.style.overflow = 'hidden'; } \t} – Blair

関連する問題