问题标签 [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.

0 投票
1 回答
51154 浏览

jquery - jQuery.ScrollTo / jQuery.SerialScroll 水平滚动

我正在寻找使用jQuery.SerialScroll(基于jQuery.ScrollTo)实现水平滚动。

正如我在这篇文章中讨论的那样,我目前正在使用 liScroll 进行连续水平滚动。

但是,现在我需要离散滚动,并且 SerialScroll 非常适合垂直滚动。

出于某种原因,如果将“axis”属性指定为“x”,则不会发生任何事情。

我什至无法获得从右到左滚动的 SerialScroll 示例

我有这样的 HTML:

我有这样的jQuery,当轴为'y'时有效

有任何想法吗?

//编辑(接受答案)

对于那些出现的人,接受的答案消除了对“serialScroll”的需要(只需要scrollTo)。高度不是必需的。请务必将 $('scroller') 更改为 $('mywrap') 或 $(target.parent().parent()) 之类的内容。您还可以像这样设置自动滚动:

将#news ul li 替换为适当的选择器。

0 投票
3 回答
2436 浏览

jquery - scrollTo 不滚动到正确的位置

我正在尝试将 jQuery.scrollTo 插件与手风琴一起使用(其中一个块在单击它和另一个合同后展开),但它不会滚动到正确的位置。

这是一个演示:pelmeshkin.com/temp/scrolltoaccoridon

如您所见,第一次点击滚动正确,但每下一次点击都超出预期。

它似乎使用了目标的初始位置(在扩展/收缩之前的位置),这是有道理的,因为这两个事件是同时启动的,但即使我尝试暂停 scrollTo 并等到 slideUp/slideDown 过渡结束,它的行为仍然相同。:(

0 投票
1 回答
1317 浏览

jquery - jQuery ScrollTo 禁用动画上的锚点

0 投票
6 回答
267837 浏览

javascript - 如何使用 JQuery $.scrollTo() 函数滚动窗口

每次用户接近文档顶部时,我都会尝试向下滚动 100 像素。

当用户接近文档顶部时,我执行了该函数,但 .scrollTo 函数不起作用。

我在前后放置了一个警报,以检查它是否真的是停止它的线路,只有第一个警报响起,这是代码:

我知道我已经正确链接了 jquery 页面,因为我在整个过程中使用了许多其他 jquery 函数并且它们都工作正常。我也试过从上面删除'px',但似乎没有什么不同。

0 投票
2 回答
2116 浏览

jquery - 滚动到 jQuery 中的上一个 div

我在网站上使用 jQuery 的 scrollTo 插件。我制作了一个垂直滚动 div,我可以通过单击按钮滚动到不同的 div。现在我需要制作一个后退按钮以返回上一个 div。

我想要的是相反的

我试过

但它不起作用。

0 投票
1 回答
1260 浏览

jquery - 使用带有新 DOM 元素的 jQuery 插件 scrollTo

这与此处的 jQuery 插件“scrollTo”有关: link text

该插件工作正常,除非您想将它与新创建的 DOM 元素一起使用。是否有任何方法可以将此插件与页面加载后(来自其他用户交互)创建的 DOM 元素一起使用。这在应用程序中类似于 jQuery 的“实时”处理程序。

谢谢!

0 投票
2 回答
824 浏览

jquery - 将 scrollTo jQuery 插件与 Fancy Zomm jQuery 插件一起使用

我正在尝试使用 Fancy Zomm jQuery 插件在同一个灯箱中显示多个图像,方法是使用 scrollTo 插件切换到上一个图像的下一个,这些图像都在不同的 div 中。

问题是我无法在灯箱显示的 div 内使用 jQuery

有谁知道我如何使用 Fancy Zoom 插件制作图片库(类似于原始灯箱)

我不想使用其他库,Fancy Zoom 的外观正是我所需要的。

0 投票
2 回答
9300 浏览

javascript - 通过 keypress 和 scrollTo 插件向下滚动到下一个元素 - jQuery

我正在使用 jQuery 的scrollTo插件向上和向下滚动我的页面,使用向上箭头和向下箭头。

我有一堆“屏幕”类的 div,如下所示:<div class="screen-wrapper">...</div>

我想要做的是,当我按下 UP 或 DOWN 时,窗口滚动到下一个或上一个具有“屏幕”类的 div。

我已经处理好了按键。根据插件文档,要滚动窗口,您可以使用 $.scrollTo(...);

这是我的代码:

如果有帮助,这里是 HTML div。我在页面上有一些,基本上,我试图通过按下向下箭头滚动到下一个:

而且,如果需要,我可以提供一个正在使用的链接,如果它可以帮助某人获得更好的想法。

编辑 而且,我忘了提到这里真正的问题是什么。问题/问题是它不会向下滚动超过第一个元素,如seth所述。

0 投票
1 回答
2459 浏览

jquery - 用slideToggle展开后如何滚动到一个元素?

scrollTo 没有滚动到超出页面底部的 div ......有什么建议吗?(jQuery 1.3,滚动到 1.42)

0 投票
11 回答
282652 浏览

jquery - 如何使用 jquery 滚动到页面上的特定位置?

是否可以使用 jQuery 滚动到页面上的特定位置?

我想滚动到的位置是否必须:

或者它可以移动到特定的 DOM id 吗?