2 
$('.work').click(function(e){
    $('.information-overlay').fadeOut();
    $('.work-overlay').fadeToggle();
    $('body').toggleClass('overflow');
    e.preventDefault();

});

$('.information').click(function(e){
    $('.work-overlay').fadeOut();
    $('.information-overlay').fadeToggle();
    $('body').toggleClass('overflow');
    e.preventDefault();

});

.informationがクリックされたときにオーバーレイを切り替え、との間overflow:hiddenで切り替える次のコードがありますtoggleClass。

ただし、クリック.workして THEN.informationを実行すると、toggleClass.

4

6 に答える 6

5 
$("body").css("overflow", "hidden");

JQuery CSS

または切り替える

CSS:

.hidden {
   overflow: hidden;
}

Jクエリ:

$("body").toggleClass("hidden");
于 2013-08-27T13:42:26.143 に答える
3

これにはtoggleClassを使用できます。

于 2013-08-27T13:43:10.010 に答える
1

これを使って

$("body").css("overflow", "hidden");

トグル機能を追加するには、http://api.jquery.com/toggleClass/を使用します

CSS

.b_overflow { overflow:hidden; }'

js

$('body').toggleClass('b_overflow');

OPのコメント後に更新

$('.work').click(function(e){
    $('.information-overlay').fadeOut();
    $('.work-overlay').fadeToggle();
    if($(this).css('display') =='block'){
        $(this).css('overflow','scroll');
    }else{
        $(this).css('overflow','hidden');
    }
    e.preventDefault();
});
于 2013-08-27T13:42:49.063 に答える
0

この意志の世界

#("body,html").css("overflow", "hidden");

上記の解決策は完璧ですが、ボディ オーバーフロー バーを切り替えると、ページ幅に違いがあるため、Web サイトに少しラグが生じます。

于 2013-08-27T13:45:41.947 に答える
-1

$('body').toggleClass('overflow-hidden')対応する CSS スタイルで CSS クラスを切り替えるために使用します

于 2013-08-27T13:44:19.357 に答える