jQuery divが終了するかどうかを確認します

この簡潔なjQueryコードスニペットは、ユーザーがDIV要素の下部にスクロールしてイベントをトリガーするかどうかを検出するために使用されます。これは、ユーザーが下部にスクロールするかどうかを知る必要がある場合（オーバーフロー：スクロール）、たとえば、ユーザーが登録フォームの利用規約を読んでいるかどうかを確認するのに役立ちます。

$(document).ready(function(){
    $('div').bind('scroll', chk_scroll);
});

function chk_scroll(e){
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()){
        console.log("已滚动到底部");
    }
}

その他の方法：

// scrollTop 指的是滚动条的顶部位置，等于 scrollHeight - offsetHeight
if (obj.scrollTop == (obj.scrollHeight - obj.offsetHeight)) { }

jQueryスクロール関連FAQ（FAQ）

jqueryを使用して、ユーザーがdiv要素の下部にスクロールするかどうかを検出する方法は？

jqueryを使用して、ユーザーがdiv要素の下部にスクロールするかどうかを検出します。

、scroll属性を備えたscrollTopイベントを使用できます。ユーザーがDiv要素をスクロールすると、scrollHeightイベントが発射されます。 scroll属性要素コンテンツが上方にスクロールするピクセルの数を返します。 scrollTop属性は、内側のマージンを含むピクセルの要素の総高さを返しますが、境界線、スクロールバー、またはマージンを含みません。これら2つのプロパティを比較することにより、ユーザーがDIV要素の下部にスクロールしたかどうかを判断できます。 scrollHeight

と

の違いは何ですか？ scrollTop scrollHeight jqueryでは、

および

は、要素のスクロール位置と高さに関する情報を提供する2つのプロパティです。 scrollTop要素コンテンツが上向きにスクロールするピクセルの数を返します。要素がスクロールしていない場合は0を返します。 scrollHeight内側のマージンを含むピクセルの要素の総高さを返しますが、境界、スクロールバー、またはマージンではありません。オーバーフローのために画面に表示されないコンテンツの高さが含まれます。 scrollTop scrollHeight jqueryを使用して、ユーザーがページの下部にスクロールするかどうかを確認する方法は？

jqueryを使用して、ユーザーがページの下部にスクロールするかどうかを確認するには、

、

、scrollプロパティを組み合わせてscrollTopイベントを使用できます。ユーザーがページをスクロールすると、scrollHeightイベントが起動されます。 height属性ページコンテンツが上にスクロールするピクセルの数を返します。 scroll属性は、ピクセルでページの総高さを返します。 scrollTopプロパティは、ビューポートの高さを返します。これらのプロパティを比較することにより、ユーザーがページの下部にスクロールしたかどうかを判断できます。 scrollHeight height jqueryを使用して、ユーザーがスクロールを開始したときに検出できますか？

はい、jqueryを使用して、ユーザーがスクロールを開始したときに検出できます。

イベントを使用して実現できます。ユーザーが指定された要素をスクロールすると、イベントが発火します。このイベントを使用することにより、ユーザーがスクロールを開始したときに関数を実行したり、特定のコードを実行したりできます。

jqueryを使用してスクロール方向を検出する方法は？

jQueryを使用してスクロール方向を検出するには、現在のスクロール位置を以前のスクロール位置と比較できます。現在のスクロール位置が以前のスクロール位置よりも大きい場合、ユーザーは下にスクロールしています。現在のスクロール位置が以前のスクロール位置よりも小さい場合、ユーザーは上向きにスクロールしています。現在のスクロール位置を変数に保存して、scrollイベントが起動するたびに更新できます。

jqueryを使用してスクロールを防ぐことはできますか？

はい、jqueryを使用してスクロールを防ぐことができます。これを達成するには、scrollイベントでevent.preventDefault()メソッドを使用できます。この方法は、イベントがキャンセル可能である場合にイベントをキャンセルします。つまり、イベントに属するデフォルトアクションは発生しません。イベントの場合、デフォルトのアクションはスクロールしているため、この方法を使用するとスクロールが妨げられます。 scroll

jqueryアニメーションを使用してスクロールする方法は？

メソッドとanimate属性を使用してアニメーションスクロールを使用できます。 scrollTopメソッドは、CSSプロパティのセットのカスタムアニメーションを実行します。 animateプロパティは、要素コンテンツが垂直にスクロールされているピクセルの数を設定または返します。それらを組み合わせて使用​​することにより、要素のスクロールをアニメーション化できます。 scrollTop

jqueryを使用して特定の要素にスクロールできますか？

はい、jqueryを使用して特定の要素にスクロールできます。これを実現するには、

メソッドとanimateメソッドを使用できます。 offsetメソッドは、CSSプロパティのセットのカスタムアニメーションを実行します。 animateメソッドは、ドキュメントの左上隅に対する要素の座標を返します。それらを組み合わせて使用​​することにより、ページのスクロールを特定の要素にアニメーション化できます。 offset

jqueryを使用してページの上部にスクロールする方法は？

jQueryの組み合わせを使用して、

メソッドとanimateプロパティを使用して、ページの上部にスクロールできます。 scrollTopメソッドは、CSSプロパティのセットのカスタムアニメーションを実行します。 animateプロパティは、要素コンテンツが垂直にスクロールされているピクセルの数を設定または返します。 scrollTopメソッドでanimateプロパティを0に設定することにより、ページのスクロールを上部にアニメーション化できます。 scrollTop

jqueryを使用して、ユーザーがスクロールを停止したときに検出できますか？

はい、jqueryを使用して、ユーザーがスクロールを停止したときに検出できます。

イベントとscroll関数を使用して実装できます。ユーザーが指定された要素をスクロールすると、イベントが発火します。 setTimeout関数は関数を呼び出すか、指定されたミリ秒の後に式を計算します。それらを組み合わせて使用​​することにより、ユーザーがスクロールを停止したときに関数を実行したり、特定のコードを実行したりできます。 scroll

以上がjQuery divが終了するかどうかを確認しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。