div スクロール bar_html/css_WEB-ITnose について質問があります。

代码如下:



    
    
    
    


<script> <br>     $(document).ready(function() { <br>         $(".newfolder").show(); <br>         $(".rcvfold").click(function(){ <br>                  $('.newfolder').slideToggle(500); <br>         }) <br>     }); <br> </script>

    

欢迎新用户

    

收件箱<

    

        
        
        
        
        
        
        
        
        
        
        
    

testaaaa aasdasdasdsdas

testaaaaaasdasdasdsdas

div 内に div を作成します。 外側の div には、内側の div のコンテンツを展開/縮小するためのボタンがあります。 本来、達成される効果は次のとおりです。 test1~4 の 4 行のコンテンツ、まだコンテンツがある場合は、スクロール バーが表示されます。

ここでの問題は、最初の文 を追加すると、スクロール バーが垂直方向に表示されないことです。内側の div ですが、水平方向には効果がありません。コンテンツが多すぎると、ページの一番下に移動してしまい、最初の文をログアウトすると表示されなくなります。 、次に内側の div スクロール バーが表示されますが、ボタンをクリックして縮小すると、内側の div の内容は縮小しますが、境界線はまだそこにあります


ソリッドで 2 つの状況の組み合わせを変更する方法を教えてください線、つまり、ボタンをクリックして実線をプルダウンすると、スクロールバーが表示されます。もう一度 div ボタンをクリックして全体をプルアップします。ありがとうございます




ディスカッション (解決策) への返信

最初の文にコメントした後の拡張効果:

$(document).ready(function() {        $("#innerOne .newfolder").show();        $(".rcvfold").click(function(){                 $('#innerOne').slideToggle(500);        })    });

ここをこれに変更し、#innerOne の高さを固定高さに設定します

$(document).ready(function() {        $("#innerOne .newfolder").show();        $(".rcvfold").click(function(){                 $('#innerOne').slideToggle(500);        })    });

ここを次のように変更し、次に設定します#innerOne の高さを固定の高さにします

ありがとうございます

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。