问题标签 [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 投票
2 回答
449 浏览

jquery - 如何使用 Jquery scrollto 根据屏幕设置 div 的位置

我正在使用 Jquery 的 Scrollto 插件根据菜单上下滚动,但我希望菜单与滚动条保持一致。因此,如果我有一个 4000 像素高的页面,并且有人单击将他们带到 2000 像素点的链接,那么菜单也会向下滑动。不确定这是css还是jquery问题。非常感谢任何帮助。

谢谢

0 投票
1 回答
3852 浏览

jquery - IE7 中的 Jquery scrollTo 问题

我有一个使用 jQuery 的 scrollTo 插件来管理一些功能的页面。当您想从登录页面重置密码时,它会滚动到新表单,而不是将用户带到新页面。当然,除了 IE7,它在任何地方都可以正常工作。这是我的 HTML:

我的 CSS(所有这些都重要):

还有我的 jQuery:

代码摘录在此页面上:[修复后编辑]

如您所见,它在除 IE7 之外的所有浏览器中都能正常工作。在 IE7 中,它滚动的是#blocksWrapper div 的背景,而不是#blocks div 的内容。由于某种原因,IE7 也没有隐藏溢出。有人有想法么?

我已经尝试使用 #blocks 作为我的 jQuery 选择器进行测试,但这不是问题。

非常感谢,马库斯

0 投票
2 回答
719 浏览

jquery - jquery地址插件干扰scrollTo值

我已经建立了一个基于 ajax 的网站,该网站利用地址 jquery 插件来实现后退按钮浏览器的兼容性。然而,由于页面是通过 ajax 页面获取的,因此传统的页面刷新并不明显,而且在用户导航等方面相当混乱。用户单击链接,ajax 获取页面,虽然成功并且页面在屏幕上获取,但屏幕不会转到顶部尤其是当窗口较长并且单击的链接位于源页面的最底部时。仿佛一切都没有改变。我尝试使用 scrollTo 插件,但测试时窗口的 scrollTop 值始终为 0 和零,删除地址插件,现在读取 scrollTop 值。

有没有人遇到过同样的问题?

先感谢您!

0 投票
1 回答
2563 浏览

jquery - jQuery.scrollTo / jQuery.serialScroll 中的自动滚动功能非常疯狂

我使用以下教程为我的网站制作了一个视差内容滑块:http: //blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/

我让它工作得很好,但想添加自动滚动功能。我通过添加 jQuery.serialScroll 并使用 setInterval 来做到这一点,但它现在像疯了一样工作。我猜滑块现在每 5 秒通过 3 张幻灯片,而不是每 5 秒 1 张幻灯片。我不知道如何使它正常工作。

这是我的 HTML 的一部分:

这是令人不安的 JS 代码:

拜托,任何人都知道如何让它以应有的方式工作(每 5 秒 1 张幻灯片)?

PS。请友善,我是该领域的新手;)

0 投票
9 回答
177815 浏览

javascript - 如何在不跳转文档的情况下更新 window.location.hash?

我在我的网站上设置了一个滑动面板。

当它完成动画时,我像这样设置哈希

(这是一个回调,id之前分配了 )。

这很好用,允许用户为面板添加书签,也可以让非 JavaScript 版本工作。

但是,当我更新哈希时,浏览器会跳转到该位置。我想这是预期的行为。

我的问题是:我怎样才能防止这种情况发生?即如何更改窗口的散列,但如果散列存在,浏览器不滚动到元素?某种event.preventDefault()东西?

我正在使用 jQuery 1.4 和scrollTo 插件

非常感谢!

更新

这是更改面板的代码。

0 投票
1 回答
1695 浏览

jquery - 如何为同一页面上的链接实现 jQuery scrollTo?

我是 jQuery 的菜鸟,我知道 scrollTo,但不太了解如何让它在我的网站上运行。我做了一个快速的谷歌搜索,发现了很多结果,但一目了然,目前使用的最可靠的(或至少最受欢迎的)是这个: http: //plugins.jquery.com/project/ScrollTo

然而,再一次,作为一个完全不熟悉脚本的菜鸟,不完全确定如何使用它来完成我的任务。(HTML 和 CSS 是我的包,宝贝)。

所以这就是我想要做的……我敢肯定,这是非常简单的事情。

http://joelglovier.com上,我正在构建一个单页“网关”站点,其中包含指向我许多其他有趣的 Web 内容的链接。我有一个顶部导航,它只是链接到页面下方的锚点。我想要的只是让 scrollTo 以一种漂亮的动画方式将我的用户带到这些锚点。告诉你这很简单!

任何关于实现这一点的最佳方法的帮助,以及这种类型的 scrollTo 使用是否有当前标准(我现在到处都能看到)。

0 投票
1 回答
825 浏览

jquery - jQuery scrollTo 插件 - 带有一些内容的摇晃滚动 - 问题

嘿社区在那里 - 这是一个艰难的,至少对我来说。也许那里有一些帮助。
我正在开发一个由 scrollTo 插件提供支持的垂直/水平滚动网站。总的来说,一切都运行良好且流畅,但对于一些内容,如 Nivo Slider,滚动变得有点不稳定,就像有 hig ups 一样。似乎每次 Nivo Slider 更改图像并且您同时滚动时都会发生这种情况。

我现在正在寻找一种方法来顺利解决这种行为,寻找一种在 Nivo Slider 不在视口中时停止它但在他再次进入视口时让他再次工作的方法。那样的话,我猜他不会打扰任何滚动过渡。这是我作为新手的疯狂猜测,但任何帮助和建议都将不胜感激。如果它们不在视口中,这一切都是为了停止包含在不同面板(如横幅、画廊、滑块)中的任何动态内容。

有任何想法吗?

0 投票
2 回答
1071 浏览

javascript - 混合溢出-x、FireFox 和 Javascript 的问题

首先,这个问题只发生在 Firefox 中。

检查此示例页面以了解问题:-removed-

选择除主页之外的任何页面。窗口将滚动到页面。然后,您可以使用鼠标滚轮向下滚动。这工作正常。但是,如果您用鼠标抓住右侧的滚动条,它将跳回“主页”(左上角,第一个元素,它是整个页面/网站的一部分)。

违规代码是:

#内容{

}

...如果我取消隐藏 overflow-x (overflow-x: auto;) 一切正常,但我得到一个不需要的水平滚动条。

我正在使用 jquery ScrollTo 插件来为#content 中的 div 的位置设置动画以创建“滑动”效果。显然,因为 Firefox 正在“重置”到默认加载位置,它认为它不应该允许我水平“滑动”。

这是一个 Firefox 错误吗?还是 ScrollTo 插件中的错误?或者甚至是 jQuery?

关于如何解决这个问题的任何想法?解决方法的想法?

任何帮助深表感谢!谢谢!

0 投票
1 回答
1077 浏览

jquery - jQuery ScrollTo:多次点击链接=时髦的运动堆叠

这是代码:

网站可以在这里预览:http ://www.allisonnavon.com/index.php?/projects/raw-rhythm/

当多次单击 » 时,它会将它们排入队列,即使使用stop(true,true)参数也是如此。有谁知道为什么?

0 投票
3 回答
1543 浏览

javascript - Jquery scrollTo 仅以小增量向上滚动

我正在使用 scrollTo 插件滚动到某些标题。问题它只会以小增量向上滚动,这取决于浏览器窗口的高度。它似乎无法识别我正在使用的 id。

单击此处查看页面,您需要滚动到页面底部并用两根手指选择项目。您需要手动向下滚动并单击右侧的链接才能看到上述行为(抱歉有点复杂)。