平成30/ 2018-10-24 06:43
Javascript/scroll 位置


$(window).scrollTop()
画面上部の位置。スクロールごとに変化する。

screen.height
端末の画面の高さ。固定値。

$(window).height()
WEB表示部分の高さ。もちろん端末の画面の高さより小さい値になる。固定値。

$(window).scrollTop() + $(window).height()
画面上部の位置。


>> あるクラス名をもつ、DIVタグの、位置を取得したい場合
for(var i=0;i<document.getElementsByTagName('div').length;i++){
    if( document.getElementsByTagName('div')[i].className == 'pickbox'){
        btn_y = document.getElementsByTagName('div')[i].offsetTop;
    }
}




>>
<script>
$(function() {
    // 画面スクロール毎に判定を行う
    $(window).scroll(function(){
        if ($(window).scrollTop() > document.getElementById('loadtrig').value) {

            document.getElementById('loadtrig').value = Number(document.getElementById('loadtrig').value) + 4000;
            alert(document.getElementById('loadtrig').value);
        }
    });
});


</script>
</head>
<body>
<input type="hidden" id="loadtrig" value="4000"  />



>> Thanks.
1分でわかるjQueryのscrollTop() スクロール位置取得の使い方
http://iwb.jp/jquery-scrolltop/

JavaScriptで画面サイズを取得する
http://kaelab.ranadesign.com/blog/2010/10/javascript-5.html

ある要素が表示されたときに命令を実行するJavaScript w/ jQuery
http://hennayagyu.com/webhack/javascript/%E3%81%82%E3%82%8B%E8%A6%81%E7%B4%A0%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%9F%E3%81%A8%E3%81%8D%E3%81%AB%E5%91%BD%E4%BB%A4%E3%82%92%E5%AE%9F%E8%A1%8C%E3%81%99%E3%82%8Bjavascript-w-jquery-2348