0

タイトルにあるように、overflow:hidden をページで有効/無効にするボタンを作成したいと考えています。デフォルトのスタンスは、overflow:hidden がアクティブで、ページをスクロールできないことです。

似たようなものを探しましたが、何も見つかりませんでした。

編集:

機能をボタンにリンクするのに問題がありました。HTMLとJqueryのスキルが限られているため、何かを理解していない可能性があります。

いくつかの調査の後、セレクターにIDを選択させることで機能するようになり、ボタンとIDを指定しました。

    $(function (){
   $("#buttoni").on('click', function(e){
      e.preventDefault();
      $('body').toggleClass('no-scroll');
   });
});

そしてボタン:

<button id="buttoni"> toggle scroll</button>

そして、そのようにして私はそれを機能させました、私はそれを機能させないためにオリジナルで何を誤解したのかわかりませんが、ありがとう

4

1 に答える 1

0

どうですか

.no-scroll{
   overflow:hidden;
}

そしてそれを適用しますbody

<body class="no-scroll">

そしてjqueryでトグルします

$(function(){
   $('buttonid').on('click', function(e){
      e.preventDefault();
      $('body').toggleClass('no-scroll');
   });
});
于 2013-04-26T09:43:00.400 に答える