簡體 English 中英

滾動到元素（如果不在視口中）

[英]Scroll to element if it not in viewport

原文 2016-01-15 13:09:23 6 1 javascript/ jquery/ jscrollpane/ viewport/ jquery-jscrollpane

jScrollPane庫有一個scrollToElement方法，如果它不在視口中，則可以滾動到該元素。

此方法還具有一個stickToTop參數，該參數會盡可能少地滾動以顯示該元素（而不是視口的頂部，就像scrollTop ）。

有人知道該功能的獨立插件嗎？ 或如何在JS中實現它（我不是JS專家，我無法從jScrollPane提取此函數）。

1 個解決方案

您應該使用scrollIntoView(true)函數。

https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView

將視口底部滾動到元素底部

[英]Scroll bottom of viewport to bottom of element

在滾動視口中顯示元素

[英]Show element when in viewport on scroll

在滾動時檢查元素是否在視口外的哪個事件？

[英]Which event to check if element is outside viewport on scroll?

javascript在視口中找到最近的元素並滾動到它

[英]javascript find closest element within viewport and scroll to it

根據水平滾動檢查元素是否在視口中

[英]Check if element is in viewport based on horizontal scroll

將絕對定位的元素固定到滾動條上的視口頂部

[英]Fix absolutely positioned element to top of viewport on scroll

在視口中顯示元素（機車滾動）

[英]Show element when in viewport (Locomotive Scroll)

如何在 Angular 2+ 中將滾動元素放入視口？

[英]How to make scroll element into viewport in Angular 2+?

元素寬度<視口時對齊中心，右對齊+元素寬度>視口時滾動

[英]Align center when element width < viewport, align right + scroll when element width > viewport

在滾動時查找位於可見屏幕（視口）中間的元素

[英]Find element that's on the middle of the visible screen (viewport), on scroll

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 將視口底部滾動到元素底部在滾動視口中顯示元素在滾動時檢查元素是否在視口外的哪個事件？ javascript在視口中找到最近的元素並滾動到它根據水平滾動檢查元素是否在視口中將絕對定位的元素固定到滾動條上的視口頂部在視口中顯示元素（機車滾動）如何在 Angular 2+ 中將滾動元素放入視口？元素寬度<視口時對齊中心，右對齊+元素寬度>視口時滾動在滾動時查找位於可見屏幕（視口）中間的元素

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM