當用戶到達圖像的特定部分時如何向下滾動jquery？

很難描述我到底在找什麼，對不起我的英語。我想要做的是，當用戶緩慢向下滾動，當用戶到達特定點時，開始向下滾動頁面，如1000px，然後停止在第二個特定點滾動。當用戶到達圖像的特定部分時如何向下滾動jquery？

下面是一個例子：

http://comic.naver.com/webtoon/detail.nhn?titleId=350217&no=31&weekday=tu

它應該是跨瀏覽器兼容。

來源

2012-01-31 motto

我應該-1你的震驚你給我。 – Marnix 2012-01-31 08:54:50

@Marnix爲什麼你的問題是無稽之談？ – motto 2012-01-31 08:55:50

不，我很震驚的圖片中途向下滾動你的例子= P – Marnix 2012-01-31 08:57:58

您可以使用jQuery鉤到$（document）.scroll（）上。每當scrollTop超過一定的閾值時，將它的smooth scroll降到終點。

$(document).scroll(function() { 
    if ($(document).scrollTop() > ####) { 
     smoothScrollTo(###); 
    } 
});

來源

2012-01-31 09:07:50 rkw

使用http://api.jquery.com/scrollTop/和window元素檢測窗口頂部的當前位置，並使用與.animate()相同的方法平滑向下滾動。

希望有幫助！

來源

2012-01-31 09:06:38 Christopher

我不認爲你想結合它與動畫。你希望它以圖像的大小和添加的窗口高度向下滾動，以便讓它看起來像一部電影。在任何情況下，這都是該例子的作用:) – Avaq 2012-01-31 09:08:52

好了，所以我會用setTimout每隔一段時間，然後，如果滾動位置是正確的檢查滾動位置，嚇唬用戶或任何你正在計劃：

var checkScroll = function() { 
    if(window.scrollY > 1000) { 
    setTimeout(checkScroll, 100); 
    } 
    else { 
    doSomeScaryStuff() 
    } 
} 

// need to call it manually the first time 
checkScroll();

有意義嗎？

來源

2012-01-31 09:11:08 Matthew

每當用戶滾動時，都會有一個「檢查滾動」的功能。它是['jQuery.fn.scroll（）']（http://api.jquery.com/scroll/） – Avaq 2012-01-31 09:12:59

@Avaq aha！感謝tipp – motto 2012-01-31 09:13:52

@Avaq你當然可以這麼做，但是這個事件被非常頻繁地觸發。 – Matthew 2012-01-31 09:19:08

當用戶到達圖像的特定部分時如何向下滾動jquery？

回答

相關問題