0

だから、要素にアクセスして以下を使用したい：

$('#classname').scroll(function(){
    // code here  
    alert("here");


});

$('#classname').ready(function(){
    // code here  
    alert("here");


});

私が直面している問題はこれです。ready関数は呼び出されますが、スクロールは呼び出されず、jqueryのAPIを通過した後、これを知るようになりました:

scroll イベントは、ユーザーが要素内の別の場所にスクロールすると、要素に送信されます。これは window オブジェクトに適用されますが、overflow CSS プロパティが scroll (要素の明示的な高さがコンテンツの高さよりも小さい場合は auto) に設定されたスクロール可能なフレームおよび要素にも適用されます。

したがって、ページが読み込まれると、div を取得できます。しかし、ページの残りの部分をロードするために下にスクロールすると、.readyまたは.scrollイベントが発生しません。どうすればそれを手に入れることができますか？

4

1 に答える 1

0

スクロール イベントをキャプチャして、ビューがスクロールされたときにビヘイビアを起動しようとしているように聞こえますか? 次のようなものが必要です。

$(document).ready(function() {
    $(".classname").on("scroll", function(event) {
        console.log($(event));
    });
});

そして、スクロール可能であることを確認する必要があります.classname-たとえば、次のように:

<style type="text/css">
    .classname {
        height:600px;
        width:800px;
        overflow: auto;
    }
    .inner {
        height:1500px;
        width:800px;
        border:solid black 1px;
    }
</style>
<div class="classname">
    <div class="inner">
       text<br>
       text<br>
       text<br>
    </div>
</div>
于 2012-12-23T16:35:34.237 に答える