iT邦幫忙

0

[js,css,html]div 區塊滾軸滑動定位

Zaku 2022-06-15 17:59:432725 瀏覽
  • 分享至 

  • xImage

js可以操作頁面滑動到指定dom元素的位置,想請問如果是某個區塊有overflow-y:scroll;屬性時,想在這個區塊用js操作滑動,該怎麼做感謝。

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
F
iT邦新手 2 級 ‧ 2022-06-15 18:25:06
最佳解答

用scrollTop屬性做操作,
可以參考看看 範例

看更多先前的回應...收起先前的回應...
Zaku iT邦新手 3 級 ‧ 2022-06-16 16:32:07 檢舉

這個是一次點擊+50px的距離嗎,比較希望是做到指定元素的頂端

再寫下去,就等於是完全幫你寫了喔。
不要完全靠別人。
人家已經告訴你如何操控元件本身的 scroll 了。
剩下來的,要跑到哪個定位點,要靠你自已去計算跟研究了。

Zaku iT邦新手 3 級 ‧ 2022-06-16 18:05:13 檢舉

是要他寫兩百行是不是==,現在都用框架寫,又不是叫你寫指定框架,搞清楚原理再來回好嗎

F iT邦新手 2 級 ‧ 2022-06-17 16:16:28 檢舉

我改了codepen範例
做法像樓下說的使用scrollTop = offsetTop
不過記得在外層設個position:relative

Zaku iT邦新手 3 級 ‧ 2022-06-20 14:34:58 檢舉

感謝大大,我再試試

0

同樣的做法,只是對像是那個元素而已。
一般的做法都是直接操控DOC。也就是直接操作原本瀏覽器捲軸。

但其實對像改一下變成對應的DOM元素。也是可以做操作的。
差別對應的top值你要從其dom元素中取得。一般是利用officeSet處理。

但要小心自適應的關係導致高度變動就是了。

Zaku iT邦新手 3 級 ‧ 2022-06-16 16:32:22 檢舉

大大有案例可參考嗎

0
s1031532
iT邦新手 5 級 ‧ 2022-06-17 10:00:34

試試看是不是你說的需求
scrollTop: $("#id").offset().top
https://codepen.io/s1031532/pen/WNMmKyb

Zaku iT邦新手 3 級 ‧ 2022-06-17 11:23:50 檢舉

這個就是最外層的滾動,問題是如果裡面還有一個區塊也可以滾動,需要滾動裡面的那個區塊

0
小山丘
iT邦新手 2 級 ‧ 2022-06-17 14:02:48

你直接用這個方法就可以了吧

<a href="#目標id">目標位置</a>
<p id="目標id">要到的位置</p>
Zaku iT邦新手 3 級 ‧ 2022-06-17 14:08:50 檢舉

點擊滑動嗎,是要非點擊js操作的滑動

小山丘 iT邦新手 2 級 ‧ 2022-06-17 15:47:11 檢舉

是阿點擊滑動,把它塞到overflow-y:scroll那個區塊裡
你要的非點擊JS是要做些什麼呢

Zaku iT邦新手 3 級 ‧ 2022-06-20 14:33:53 檢舉

不是我的需求,一些設計上需要的需求

我要發表回答

立即登入回答