この記事では、JSの方法について説明して、スクロールバーがページの下部または上部に到達したかどうかを判断します。参照のためにそれを共有してください。特定の分析は次のとおりです。
多くの場合、多くのWebサイトが最上位の効果に戻っているのは、指定された位置にバーをスクロールすると、上部に戻り、それ以外の場合は自動的に非表示になることです。この効果を実装する原則と方法を紹介させてください。
可視領域がページの実際の高さよりも小さい場合、スクロールバーが表示されると判断されます。つまり、次のとおりです。
コードコピーは次のとおりです。if（document.documentelement.clientheight <document.documentelement.offseeth）scroll = true;
document.documentlementを使用するには、ページの先頭に宣言を追加する必要があります。
次のようにコードをコピーします。
実際、このコードは問題、つまりブラウザの境界線を考慮していなかったため、機能しません。ページのオフセイスハイトを取得すると、ブラウザの境界線が含まれます。ブラウザの境界線は2ピクセルなので、いずれにせよ、クライアントハイトは常にオフセイスよりも小さく、スクロールバーがなくても真実になります。したがって、このエラーを修正する必要があります。コードをこのように変更し、4ピクセルをOFFSEIGHTで減算する必要があります。つまり、次のとおりです。
コードコードを次のようにコピーします。if（document.documentelement.clientheight <document.documentelement.offseTheight-4）{
//関連するスクリプトを実行します。
}
また、上記のコードが水平スクロールバーを審査することをここで把握する必要があります。通常、垂直スクロールを判断する必要があります。コードは次のとおりです。
コードを次のようにコピーします：if（document.documentelement.clientwidth <document.documentelement.offsetwidth-4）{
//関連するスクリプトを実行します。
}
スクロールバーがページの下部に引っ張られているかどうかを判断するには、次のコードを使用できます
次のようにコードをコピーします：window.onscroll = function（）{
var marginbot = 0;
if（document.documentelement.scrolltop）{
marginbot = document.documentelement.scrollheight（document.documentelement.scrolltop+document.body.scrolltop）-document.documentelement.clientheight;
} それ以外 {
marginbot = document.body.scrollheight document.body.scrolltop- document.body.clientheight;
}
if（marginbot <= 0）{
//何かをします
}
}
例2
オンラインでそれを探しています。非常にブラウザ互換性があります。奇妙なことに、ドキュメントに関連する情報は見つかりませんでした。コードを投稿します。
コードを次のようにコピーします：/********************
*ウィンドウスクロールバーの高さを取ります
*********************/
関数getscrolltop（）
{
var scrolltop = 0;
if（document.documentelement && document.documentelement.scrolltop）
{
scrolltop = document.documentelement.scrolltop;
}
else if（document.body）
{
scrolltop = document.body.scrolltop;
}
scrolltopを返します。
}
/***********************
*ウィンドウの視覚範囲の高さを取ります
***********************/
関数getClientHeight（）
{
var clientheight = 0;
if（document.body.clientheight && document.documentelement.clientheight）
{
var clientheight =（document.body.clientheight <document.documentelement.clientheight）？document.body.clientheight：document.documentelement.clientheight;
}
それ以外
{
var clientheight =（document.body.clientheight> document.documentelement.clientheight）？document.body.clientheight：document.documentelement.clientheight;
}
clientheightを返します。
}
/***********************
*ドキュメントコンテンツの実際の高さを取得します
***********************/
関数getscrollheight（）
{
return math.max（document.body.scrollheight、document.documentelement.scrollheight）;
}
function test（）{
if（getscrolltop（）+getClientHeight（）== getScrollheight（））{
アラート（ "bottom the Bottom"）;
}それ以外{
アラート（「底に到達しなかった」）;
}
}
補充：
DTDは宣言しました：
すなわち
document.documentelement.scrollheightブラウザのすべてのコンテンツの高さ、document.body.scrollheightブラウザのすべてのコンテンツの高さ
document.documentelement.scrolltopブラウザはパーツの高さ、document.body.scrolltopは常に0です
document.documentlement.clientheightブラウザの可視部品の高さ、document.body.clientheightブラウザのコンテンツの高さ
ff
document.documentelement.scrollheightブラウザのすべてのコンテンツの高さ、document.body.scrollheightブラウザのすべてのコンテンツの高さ
document.documentelement.scrolltopブラウザはパーツの高さ、document.body.scrolltopは常に0です
document.documentlement.clientheightブラウザの可視部品の高さ、document.body.clientheightブラウザのコンテンツの高さ
クロム
document.documentelement.scrollheightブラウザのすべてのコンテンツの高さ、document.body.scrollheightブラウザのすべてのコンテンツの高さ
document.documentelement.scrolltopは常に0、document.body.scrolltopブラウザーの部分の高さをスクロールします
document.documentlement.clientheightブラウザの可視部品の高さ、document.body.clientheightブラウザのコンテンツの高さ
DTDは宣言されていません：
すなわち
document.documentlement.scrollheightブラウザの可視部品の高さ、document.body.scrollheightブラウザのすべてのコンテンツの高さ
document.documentelement.scrolltopは常に0、document.body.scrolltopブラウザーの部分の高さをスクロールします
document.documentlement.clientheightは常に0、document.body.clientheightブラウザの可視部品の高さです
ff
document.documentlement.scrollheightブラウザの可視部品の高さ、document.body.scrollheightブラウザのすべてのコンテンツの高さ
document.documentelement.scrolltopは常に0、document.body.scrolltopブラウザーの部分の高さをスクロールします
document.documentlement.clientheightブラウザのすべてのコンテンツの高さ、document.body.clientheightブラウザの可視部品の高さ
クロム
document.documentlement.scrollheightブラウザの可視部品の高さ、document.body.scrollheightブラウザのすべてのコンテンツの高さ
document.documentelement.scrolltopは常に0、document.body.scrolltopブラウザーの部分の高さをスクロールします
document.documentlement.clientheightブラウザのすべてのコンテンツの高さ、document.body.clientheightブラウザの可視部品の高さ
ブラウザのすべてのコンテンツの高さは、スクロールバーローリングパーツの高さの合計 +視覚パーツ +下部の隠されたパーツを含む、ブラウザフレームワーク全体の高さです
ブラウザのスクロール部分の高さは、スクロールバーの高さが高さの一部を広げて、オブジェクト全体の上部の高さを確認します。
上記のパラメーターを理解した後、IE、FF、およびChromeブラウザーと互換性のあるスクロール効果を作成できます。
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。