问题标签 [scrollto]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 从其他页面导航时,jquery滚动到命名锚点
我有一个在我网站的所有页面上展开的子菜单。子菜单包含指向父菜单项链接到的一页内的命名锚点的链接。我正在使用 jquery scrollTO 和 localScroll 成功地使用命名锚为页面内的滚动设置动画,但是如果我从站点内的不同页面导航到命名锚,它不会保留动画滚动或从顶部指定的偏移量。有没有办法做到这一点?
我非常感谢任何反馈!塞西莉亚
下面是我正在使用的 html 示例。我在左侧有一个固定的菜单和一个固定的标题。现在,当您单击子菜单中的锚链接时,它会动画,并在距离窗口顶部 150 像素的活动命名锚处停止,这样它就不会消失在固定标题下方。
如果可能的话,我希望在从其他页面之一导航时让窗口滚动到命名锚点,但最重要的是我必须保留距离顶部 150px 的偏移量。现在,当单击另一个页面的锚链接时,它从顶部停止 0px 并在标题下方消失。
jquery - jQuery scrollTo/localScroll 速度控制?
我正在制作一个垂直滚动的网站,但是 localScroll 飞得太快了。有没有办法控制它的速度?
c# - 如何使用 ScrollTo jQuery 插件滚动到 ASP.NET 中转发器中的特定行?
我有一个简单的中继器,看起来像:
现在,在我的代码隐藏中,我有一个事件被触发,它应该在数据库中添加/插入一行。发生这种情况后,我从数据库中重新获取新的选项列表并将它们重新绑定到中继器。这发生在更新面板内,因此列表会立即为用户刷新。
现在,我 ~love~ 要做的是使用 jQuery ScrollTo 插件直接滚动到新添加的行。
在 jQuery 插件中调用 ScrollTo() 方法的最佳方法是什么,以便我滚动到刚刚添加的特定行?无论如何我可以在我的 ItemTemplate 中标记我的行,以便我可以通过 jQuery 轻松选择要滚动到的元素?
理想情况下,在 RefreshOptions() 之后,我想执行 ScrollTo 函数以向下滚动到新行。
jquery - 将 scrollTo 应用于自动生成的链接
编辑!
事实证明,我在调用 scrollto 时使用了太多撇号。工作代码如下:
谢谢您的帮助!
我正在为希望以水平样式显示作品的艺术家制作作品集网站(因此下面的代码中的表格)。这个想法是显示每个图像的缩略图(ol #thumbnails)和右侧的图像。
我想使用 scrollTo 插件来允许用户单击任何图像并将其滚动到视图中。我正在寻找一些帮助来为此创建正确的 jquery。
本质上,如果我在 jQuery 中对每个链接进行硬编码,我就可以让它工作,但这对于一个 CMS 驱动的网站来说并不理想,它将不断更新。
任何人都可以提供一些适用于每个缩略图链接的代码吗?
我有以下代码:
我目前的 jQuery 是:
我尝试使用 .each() 函数将 id 作为变量来应用 scrollTo,但无法正常工作。
任何帮助将不胜感激!
jquery - scrollTo 和水平表
我正在尝试制作一个水平滚动的投资组合网站。我希望用户能够使用下一个/上一个按钮单击图像,以及像往常一样使用鼠标和滚动条滚动。但是,我在使用 jquery 实现这一点时遇到了麻烦。
使用该表是因为这是横向网站的最佳实践。我希望使用 scrollTo() 插件来允许表格根据单击的按钮向前或向后滚动。
最终产品将与此类似,尽管我曾尝试使用此站点上的代码,但完全没有运气!
我不知道如何做到这一点。
我的HTML如下:
我没有当前要添加的 jQuery,因为我尝试过的任何东西都是一团糟。
任何帮助都会很棒!
jquery - 使用 scrollTo 沿 x 轴移动
对了,最后一个问题!
我正在创建一个水平投资组合网站,并正在寻找一些帮助,使用 scrollTo 插件创建下一个/上一个样式导航,供用户浏览图像。
我的 HTML 是:
而我目前失败的 jQuery 是:
不幸的是,当单击#forward 或#back 时,表格 tr 不会移动。
任何人有任何想法为什么?
有关额外信息 - 使用该表是因为这似乎是没有固定宽度的动态水平站点的最佳实践。
javascript - 使 Jquery.ScrollTo 基于速度而不是持续时间工作
我正在创建一个水平站点(它也可以是任何其他自动滚动站点,例如对角线),它使用来自 Jquery.ScrollTo 插件的 $.Localscroll 子项。
这个插件有一个大问题;它根据持续时间计算运动。这意味着从第 1 页到第 2 页的转换需要 2 秒,但从第 1 页到第 10 页的转换也需要 2 秒,因此转换速度非常快,转换本身不再可见。我不知道会有多少链接,链接不会在同一个菜单中,而是分散在页面中。
有没有办法找出当前的滚动位置(最好通过插件,所以它是跨浏览器的)并使用哈希(#)找出新的滚动值,然后根据速度计算持续时间?
javascript - 是否可以将 ScrollTo 添加到我的手风琴常见问题页面?
我将这个手风琴脚本用于一个简单的常见问题解答页面。
http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm
我尝试添加
http://mix26.com/demo/local_scroll/index.html
ScrollTo 所以当一个问题被打开时,它会自动向下滚动到它以获得更好的用户体验。有人可以帮帮我吗?
jquery - 如何使用 jQuery.serialScroll 在幻灯片中将所选项目居中?
对于我的网站,我正在尝试进行水平导航。导航与插件 jQuery.serialScroll 配合得很好,但是我无法确保所选项目居中,尤其是当不同项目具有不同宽度时。
我可以更改偏移量,但它会更改整个幻灯片,而不是单个项目。
这是HTML:
如果我需要更改插件或其他建议,请告诉我!
十分感谢!
jquery - 滚动到展开的 DIV 问题和展开框中的链接
我正在为我的新投资组合网站编写代码,并且正在使用砖石来扩展网格布局。
我遇到了使其滚动到扩展 DIV 的代码问题。它并不总是滚动到 div .expanded 的上部...这是一个示例:
尝试单击框 1,然后单击框 5。您会注意到页面滚动到框 5 下方的一半。我花了几个小时才让滚动到扩展框工作,我在 jquery 中并不是那么好,因此,我们将不胜感激。:)
另一件事是,如果您展开框 1 并单击链接,框 1 将关闭。
顺便说一下,我从这个线程中获得了示例 html/css 代码。