[JS] 不需plugin的純js scrollTop
最近的案子正好在做 scrollTop 的應用,原本不是說非常複雜,但由於要適應時內嵌於母層的iframe,因此在高度的計算上需要特別做。
在scroll到特地位置,以及加上滑動效果,在Git上有神人做了不錯的示範: https://gist.github.com/andjosh/6764939
利用單純的程式碼完成精準的效果,在本次的應用上成功達成。(除了瀏覽器相容性的問題需要另外解決)
實現應用時,首先需要抓取本次所需要的數值。
接著將需要的資料塞進去:
在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);
// (文件本身,到達位置,速度)
}
就可以完成本次應用。
留言
張貼留言