iT邦幫忙

0

js scroll 到指定位置 推薦套件

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

看更多先前的討論...收起先前的討論...
浩瀚星空 iT邦研究生 3 級 ‧ 2018-10-25 18:11:18 檢舉
其實一般我會單純用「錨點」來處理。比較單純。
並不會直接用scroll的指定方式來處理。
Zaku iT邦新手 4 級 ‧ 2018-10-26 09:12:54 檢舉
好喔感謝大大
Homura iT邦研究生 2 級 ‧ 2018-10-26 10:13:01 檢舉
其實 跟著鄉民看熱鬧 還是再運用 錨點 @@
只是jquery幫它+上卷軸的動畫而已
把那個codepen的範例去掉jquery程式碼就是星空大的方法
Zaku iT邦新手 4 級 ‧ 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邦新手 4 級 ‧ 2018-10-26 11:37:12 檢舉
一開始是要抓到他元件位置,要滾到特定位置不知怎麼搞,搞不太清楚各個函數呼叫出來的參數單位,還要再配動畫,但用錨點問題可能比較小一點。感謝大大我再來看一下那套建
froce iT邦高手 1 級 ‧ 2018-10-26 11:39:01 檢舉
用錨點的話看下面,純JS版本。

2 個回答

2
froce
iT邦高手 1 級 ‧ 2018-10-26 11:38:15
最佳解答

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

Zaku iT邦新手 4 級 ‧ 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邦新手 4 級 ‧ 2018-10-30 09:37:20 檢舉

感恩我再來看一下

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

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

我要發表回答

立即登入回答