问题标签 [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 回答
1999 浏览

jquery - 超时后滚动窗口

我希望能够在加载 Google 方向时使用 jQuery 的 scrollTo 插件将窗口向下滚动到 div 动画。有人可以帮我将 setTimeout 行转换为 jQuery 并使用 scrollTo 为滚动设置动画吗?这是不滚动的javascript:

0 投票
3 回答
22619 浏览

javascript - 使用带有 jQ​​uery scrollTo 的箭头键

我已经成功实现了 scrollTo jQuery 插件,它在单击链接时滚动到具有“new”类的下一个 div。但是,我还希望能够使用箭头键向上和向下滚动到同一类的下一个/上一个 div。

我已经查看了整个互联网,但一直无法找到如何做到这一点。我对 JS 很陌生,所以非常简单的说明将不胜感激!

以下是相关代码:

我需要添加什么才能使箭头键起作用?

谢谢,特德

0 投票
1 回答
3391 浏览

jquery - 悬停而不是单击时垂直滚动?jQuery API

我正在使用 jQuery scrollTo 在溢出的 div 中滚动内容。当我单击链接时,div 将垂直滚动其内容。但是,我希望当我将鼠标悬停在链接上而不是单击它们时会出现这种效果。

我不相信这是 jQuery 的 scrollTo 的一个选项。但是,有一个用于hover事件的 jQuery API 方法。

这似乎是一个简单的问题,但有没有办法通过悬停而不是单击来保持“scrollTo”的垂直滚动功能?

垂直滚动:

悬停:

0 投票
2 回答
1040 浏览

jquery - 对 jQuery scrollTo 的 UI 修改:当没有任何内容可滚动时淡出上一个/下一个控件

http://cambridgeuplighting.com/portfolio

我正在尝试创建一个函数,当幻灯片到达任一端时,该函数将淡出 scrollTo 函数的 Next 和 Prev 控件。我有一个好的开始,但它并没有按照我想要的方式工作。我需要控件在点击结束之前淡出点击。现在它到达末尾,然后下一次单击(不会滚动,因为它在末尾)将使控件淡出。

这是我的代码,提前非常感谢!

jQuery(请参阅上面的 HTML 和 CSS 网站链接)

0 投票
1 回答
8730 浏览

javascript - 使用 JQuery scrollTo / localScroll 进行负定位

我正在开发一个项目并使用 Ariel Flesler 的 jquery.scrollTo.js 和 jquery.localScroll.js ...我有滚动到页面上各种 div 的本地链接。

我遇到的问题是我在页面顶部有一个固定位置的导航栏,而 ScrollTo 正在计算窗口位置(正确)而不考虑它。下面是 scrollTo.js 文件......有人可以告诉我在哪里以及如何我会插入导致 Y 轴滚动位置为 +[Y]px 的代码吗?

0 投票
3 回答
15154 浏览

jquery - jQuery:移动窗口视口以显示新切换的元素

我在 doc ready 中有一段 jQuery 片段,它可以切换包含一个 div textarea

单击链接时切换工作正常。我遇到的问题是,如果div#addnote-area它低于浏览器的当前视口,它会在显示时保留在那里。我希望用户的光标转到 textarea 并让整个 textarea 在窗口中可见。

点击这里查看图片

0 投票
1 回答
477 浏览

jquery - 这个 jquery 函数有什么问题?

我正在使用 jquery 滚动到锚点...。它可以与调用该函数的 html 按钮一起正常工作...

但是当我从服务器端调用它时,我得到了 id,但它似乎对我不起作用......

我的功能是,

我得到了错误$("#" + id).offset() is null

我得到了我的锚的警报 ID,但为什么它不起作用....

这是我的锚...

<a name="myAnchor" id="myAnchor"></a>

它在 html 按钮中完美运行,

<input id="Button1" type="button" value="button" onclick="goToByScroll('myAnchor');"/>

0 投票
1 回答
1047 浏览

jquery - jQuery scrollTo 滚动两个 DIV 的问题

我遇到了 jQuery scrollTo 插件的问题。我有 2 个 DIV(nav2content),我正在通过 ajax 调用填充它们:

如您所见,在获取内容后,我将其附加,然后尝试通过 anchorId 滚动到该目标 div 中的某个位置。这是通过doScrollTo包装 jQuery-Plugin-function 的 -function完成的scrollTogo是 ajax 调用的包装器。在进行 get-Requests 之前,它会从给定的输入参数中提取文件名和 id(由“#”分隔)。以下是这一切的名称:

myJs.go( 'file_a.html#anchor1', 'file_b.html#anchor2' );"

编辑:使用一个 DIV,nav2DIV,一切正常。但是另一个 DIVcontent有时会滚动,有时则不会。而且,如果它被滚动并且将DIV的滚动条向上移动然后go再次调用,它就不再滚动了。正如我所说,这一切都适用于nav2DIV ......

有人知道我在做什么错吗?

谢谢。

0 投票
1 回答
497 浏览

jquery - scrollTop 值不反映 div 在可滚动距离开始和结束时的实际位置

我正在使用 jQuery 的 scrollTo 对 div 内的内容位置进行相对调整。

工作正常: http ://www.hmadvertising.com/test.php

但是,我也想在控件元素不相关时显示和隐藏它们。例如,当 scrollTop 为零时没有向上按钮,当 scrollTop == scrollHeight 时没有向下按钮。

我使用 scrollTo 所做的调整是使用 += 和 -= 以 100 像素为增量进行的。我注意到它总是比它应该多点击一次来显示/隐藏,所以我使用 scrollTo 后效果回调“onAfter”将 scrollTop 转储到屏幕上,并发现当内容达到任一极端时,scrollTop 被报告为关闭仍然是 x 量,并且在下一次点击之前不会达到最大/最小,尽管内容位于最大/最小。

您可以在上面的链接中看到所有这些。

谁能帮助我更好地理解它?

谢谢。

0 投票
2 回答
4428 浏览

javascript - scrollTo 滚动到页面顶部

我有以下 Javascript 代码。

加载页面时,它会滚动到正确的位置。当我单击链接运行该功能时,页面滚动到页面顶部。

我该如何解决?