[JS] 不需plugin的純js scrollTop

最近的案子正好在做 scrollTop 的應用,原本不是說非常複雜,但由於要適應時內嵌於母層的iframe,因此在高度的計算上需要特別做。


在scroll到特地位置,以及加上滑動效果,在Git上有神人做了不錯的示範: https://gist.github.com/andjosh/6764939
利用單純的程式碼完成精準的效果,在本次的應用上成功達成。(除了瀏覽器相容性的問題需要另外解決)

實現應用時,首先需要抓取本次所需要的數值。
var demo = document.getElementsByClassName('demo_element') //元素本身[0];
var demo_position = demo.offset().top; // 元素至頂端高度
var more_height = more.outerHeight(); // 元素本身高度

接著將需要的資料塞進去:
document.getElementsByTagName('button')[0].onclick = function () {
   scrollTo(document.body, demo_position, 1250);
// (文件本身,到達位置,速度)
}
就可以完成本次應用。

留言