1

私はまだこのことを理解しようとしているので、助けていただければ幸いです

$(window).height()
に基づいて高さを設定した 5 つの div があります。各 div に一意の ID を設定しました。

私はいくつかの変数を設定しています

var wH = $(window).height();
var half-wH = (wH) / 2;

私がやりたいことは、window.height のいずれかの 50% に基づいて、各 ID にウィンドウをスクロールさせることです。

つまり、ウィンドウの高さ 600px
300px 未満 scrollTo #id1
300px より大きいが 900px 未満 scrollTo #id2
など。


.scrollTop() を最初の div #ID1 と組み合わせて使用​​すると
、ページの上部からスクロールされたピクセルが表示されることを知っています

どうやってまとめたら頭が痛くなるんだ!!

4

3 に答える 3

2

JavaScript のscrollByメソッドとsetTimeoutメソッドを使用して、Web ページを自動的に下にスクロールする。タイムアウト値を変更して、スクロール速度をミリ秒単位で変更します。

function pageScroll() {
        window.scrollBy(0,50); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

ページの読み込み時に自動的にスクロールするには、body タグに次のコードを追加します。

<body onLoad="pageScroll()">
于 2012-05-11T09:35:41.530 に答える
1 
var st = $(window).scrollTop();
var elem = $('#id1').offset().top;
var elem2 = $('#id2').offset().top;

if(st < 300) {
   $(window).scrollTop(elem)
}

if(st > 300 && st < 900) {
   $(window).scrollTop(elem2) 
}
于 2012-05-11T09:40:52.313 に答える
0

次のようなことを試してください：

if(size < 300){
$(document).scrollTo("#id1"); }
else if(size > 300 && size < 900){
$(document).scrollTo("#id2"); }
于 2012-05-11T09:36:21.200 に答える