2

私はJSにかなり慣れていません...優しくしてください。

テキストのブロックで遅延自動スクロール効果を引き出す方法を提案できる人はいますか?

私の最終的な目標は、iOS デバイスのポップアップ モーダル ウィンドウでこれを使用することです。また、iOS ブラウザーはユーザーが操作するまでスクロールバーを表示しないため、自動スクロールに頼っています。

実際には、ページをロードして数秒待ってから、ゆっくりとスクロールダウンを開始したいと考えています。スクロールは、利用可能なコンテンツが他にもあることをユーザーに知らせることを目的としているため、ユーザーの操作で自動スクロールを停止または一時停止する方法があれば、それが最適です。

私は数時間答えを探しましたが、見つかったコードを自分のデザインに初期化できず (繰り返しますが、私はかなりグリーンです)、必要なものすべてを達成するソリューションを見つけることができません - 私は明るい心に変わりつつあります。

HTML と CSS でフィドルを設定しました: http://jsfiddle.net/zfMsQ/

どんな助けでも大歓迎です！

ps: これは StackOverflow に関する私の最初の投稿です :)

私のコード:

Extensive. Linked above.
4

1 に答える 1

1

どうぞ: http://jsfiddle.net/zfMsQ/3/

var roll = true;
var max = 0;
var text = $("#content");

function scroll() {
    text.scrollTop(text.scrollTop() + 1)
    var top = text.scrollTop()
    if (top > max) {
        max = top
        if (roll) {
            setTimeout(scroll, 50)
        }
    }
}

text.on("mouseenter mouseover mousedown", function(){
 roll = false;   
})

setTimeout(scroll, 2000)
于 2013-04-24T22:10:11.970 に答える