js scroll 到指定位置推薦套件

javascript

Zaku 2018-10-25 17:22:32 ‧ 2876 瀏覽

分享至

請問有推薦的套件可以使用嗎，js要寫scroll到頂部或底部不太有問題，但要scroll到指定element的位置好像不太好弄，有推薦的套件嗎，盡量不要需要有$jQuery，有也沒關係，因為有用angular，之前用了一些在手機上會不太相容比較麻煩，還要另外處理。

看更多先前的討論...收起先前的討論...

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2018-10-25 18:11:18 檢舉

其實一般我會單純用「錨點」來處理。比較單純。
並不會直接用scroll的指定方式來處理。

Zaku iT邦新手 3 級 ‧ 2018-10-26 09:12:54 檢舉

好喔感謝大大

Homura iT邦高手 1 級 ‧ 2018-10-26 10:13:01 檢舉

其實跟著鄉民看熱鬧還是再運用錨點 @@
只是jquery幫它+上卷軸的動畫而已
把那個codepen的範例去掉jquery程式碼就是星空大的方法

Zaku iT邦新手 3 級 ‧ 2018-10-26 10:25:13 檢舉

恩主要一個因素是還需要動畫效果才麻煩，乾脆用套件跑效果

froce iT邦大師 1 級 ‧ 2018-10-26 11:18:39 檢舉

就綁定事件，觸發事件後觸發 animation class，比較難的點應該是要重做 animation而已吧？

https://css-tricks.com/restart-css-animation/

不過我覺得 angular 應該本身也有套件可用。

Zaku iT邦新手 3 級 ‧ 2018-10-26 11:37:12 檢舉

一開始是要抓到他元件位置，要滾到特定位置不知怎麼搞，搞不太清楚各個函數呼叫出來的參數單位，還要再配動畫，但用錨點問題可能比較小一點。感謝大大我再來看一下那套建

froce iT邦大師 1 級 ‧ 2018-10-26 11:39:01 檢舉

用錨點的話看下面，純JS版本。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

froce

iT邦大師 1 級 ‧ 2018-10-26 11:38:15

最佳解答

https://jsbin.com/kipuxuhemu/1/edit?html,output
應該可以配animation.css做。

回應 3
分享
檢舉

Zaku iT邦新手 3 級 ‧ 2018-10-26 16:13:10 檢舉

感謝大大，但scroll側邊bar也需要動畫

froce iT邦大師 1 級 ‧ 2018-10-26 16:27:09 檢舉

https://stackoverflow.com/questions/635706/how-to-scroll-to-an-element-inside-a-div
結合這篇應該就可以了，把location.href改成scroll的方式應該就是你要的。

Zaku iT邦新手 3 級 ‧ 2018-10-30 09:37:20 檢舉

感恩我再來看一下

登入發表回應

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-10-25 17:42:22

請參考…
https://codepen.io/taniarascia/pen/MJEXZj

回應 1
分享
檢舉

Zaku iT邦新手 3 級 ‧ 2018-10-25 18:06:06 檢舉

恩，我好像其實有找到jquery版本，只是都忽略掉..，感謝大大。

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22202 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙