使用JavaScript滾動頁面

我希望我的頁面滾動到放置在我的網頁內的特定div。我想體驗一個平滑的滾動。獲得這個特定div的偏移量尺寸後跟scrollTop使用足夠的JavaScript這個特定的區域。爲了獲得平滑過渡，我想我可以使用setTimeout並在偏移x維之前爲它提供變量。如果有任何jQuery插件完成，請提出建議。但我的首選是使用JavaScript。使用JavaScript滾動頁面

來源

2013-10-19 user2834739

的回答你的問題就在這裏：http://stackoverflow.com/questions/10063380/javascript-smooth-scroll-without-the-use-of-jquery – idmean

我認爲jQuery是獲得平滑滾動最簡單的方法。

我發現了一個演示這裏一個很好的例子：

http://css-tricks.com/snippets/jquery/smooth-scrolling/

希望它能幫助！

來源

2013-10-19 15:16:05 tmeloliveira

謝謝，但jquery的大小會給我的網站帶來一些性能問題。 – user2834739

，並且所有錨鏈接的速度都相同。假設我們有30個錨鏈接。它需要時間滾動到第一個錨鏈接* 30次。:-( – user2834739

@ user2834739你可以上傳jQuery和插件到你自己的服務器... – idmean

我找到了平滑滾動一個javascript插件：http://cferdinandi.github.io/smooth-scroll/

這是一個小3KB插件。試試看。希望這可以幫助。

退房這爲的jsfiddle一個jQuery的解決方案：http://jsfiddle.net/HumptyDumptyEIZ/yYqxU/

jQuery的代碼如下：

$(document).ready(function(){ 
    $("#top").click(function(){ 
     $("html, body").animate({ 
      scrollTop: $("#bottom").offset().top 
     }, 2000); 

    }); 

    $("#bottom").click(function(){ 
     $("html, body").animate({ 
      scrollTop: $("#top").offset().top 
     }, 2000); 

    }); 
})

來源

2013-10-19 15:32:58 HumptyDumptyEIZ

如果我的答案幫助你，然後善意地投票它或接受它。謝謝。 – HumptyDumptyEIZ

@HumptyDumptyEIZ我猜這些觀點是有意義的：謝謝你的回答，但它對我沒什麼幫助。 – idmean

使用JavaScript滾動頁面

回答

相關問題