2016-05-18 10 views
0

私は、fullpage.jsのようにページをスクロールするための解決策があるかどうかを調べようとしています。ウェブページをページ単位で上下にスクロールします。アンカーのないJavaScriptスクロールページ

これは、ページを異なるdivにスライドするので、fullpage.jsとは異なりますが、1つのdivに移動する必要があります。

<div> a very long text here..... </div> 

Window.onscroll = function() {test()}; 

Function test(){ window.scrollby(0, 300) }; 

のみ上記のコードは、スクロールダウンして、それは停止しない:

ここで私が試したコードです。ページの一番下までスクロールします。

だから、どうですか?

+0

...これを試して、無限ループを止めるために何かを必要とする>それは別のDIVにページをスライドので、これはfullpage.jsに異なっているが、私はそれが単一で動く必要がありますdiv。あなたは部門内を移動する必要がありますか?さて、どれくらい? – zer00ne

+0

問題は無限回帰ループを開始することです。ここで何が起こるかは、スクロールアップ(またはスクロール)するwindows.onscroll呼び出しテストです。テストはブラウザに300ピクセルのスクロールを指示しますが、テストでブラウザにスクロールするよう指示すると、windows.onscrollがトリガされ、再度テストが呼び出されます。再び、これは永遠にこれを行います。 –

+0

ああ。うん私はそれを見た。だから私はそれをどうするつもりですか?私はfullpage.jsを使用しています。ここではjommarketing.com/mbjb1/page.phpを確認することができます。単語が他のdivにあることがわかります。デバイスの高さと幅が大きければ、ページは空のように見えます。 –

答えて

0

あなたは

<div> a very long text here..... </div> 

Window.onscroll = function() {test()}; 
var isAutoScroll = false; 
Function test(){ 
if(!isAutoScroll){ 
    isAutoScroll = true;//Next time will not scroll 
    window.scrollby(0, 300) }; 
} 
else 
{ 
    isAutoScroll = false; 
    return; 
} 
+0

こんにちは。私はそれについて読むが、それはクリック機能のためだ。私はスクロール機能を求めています –

+0

ちょうどこれを関数に入れて、どこからでも呼びたい場合は、クリックかどうかに関係なくスクロールします。 –

+0

残念ながら、私はまだそれを取得しません。私は、コードを自分の関数に入れました。それは、ページをリフレッシュするたびに600 pxまでスクロールして停止することです。私がマウスをスクロールすると、別の600ピクセルにはならない。うまくいけば、あなたは私が何を意味するかを得る。私のシミュレータはjommarketing.com/mbjb1/page.phpで確認できます。 –

関連する問題