简体繁体 English

滚动到元素（如果不在视口中）

[英]Scroll to element if it not in viewport

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

jScrollPane library have a scrollToElement method which can scroll to element if it not in viewport. jScrollPane库有一个scrollToElement方法，如果它不在视口中，则可以滚动到该元素。

Also this method have a stickToTop parameter which scroll as little as possible to show the element (not top of the viewport, like it do scrollTop ). 此方法还具有一个stickToTop参数，该参数会尽可能少地滚动以显示该元素（而不是视口的顶部，就像scrollTop ）。

Anyone knows standalone plugin for that functionality? 有人知道该功能的独立插件吗？ Or how it can be realised in JS (I'm not an expert in JS and I can't extract this function from jScrollPane). 或如何在JS中实现它（我不是JS专家，我无法从jScrollPane提取此函数）。

1 个解决方案

Yuu should user scrollIntoView(true) function. 您应该使用scrollIntoView(true)函数。

https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView 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.

相关问题 将视口底部滚动到元素底部 - 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

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM