问题标签 [scrolltop]
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 动画返回顶部
我目前正在尝试制作一个按钮,该按钮将用户带回页面顶部,但具有动画效果。单击按钮时使页面向上滚动到顶部。我在这里搜索并找到了这个..
我试图使用以下方法制作一个JSfiddle ...
CSS
HTML
JavaScript
不幸的是,这似乎不起作用,我想知道我是否遗漏了什么或做了一些明显错误的事情?
firefox - scrollTop=0 浏览器兼容性问题
我正在创建一个简单的网站,该网站有一个带有按钮的侧边栏,这些按钮链接到在右侧 IFrame 中加载的不同页面。我希望页面始终加载在顶部-因此在子页面的 head 标记中添加了此代码:
`
它适用于 Safari,但不适用于 Firefox.... 为什么?什么将在这两种浏览器中起作用?
javascript - jQuery scrollTop 跨浏览器不一致
在 Chrome 和 Safari 中,$("body").scrollTop(1000)
按预期进行。
在 IE 和 FF 中,没有任何反应。
在 IE 和 FF 中,$(window).scrollTop(1000)
工作,但他们去不同的地方。它也适用于 Chrome 和 Safari,但它们也都在不同的地方。它们似乎最多关闭 300-500 像素。
是否有任何一致的方法来设置跨浏览器工作的 scrollTop 属性,如果没有,为什么 jQuery 不抽象这个?
我也想对其进行动画处理,这在 Chrome 和 Safari 中运行良好,但在其他浏览器中则不行。
我唯一的选择是进行浏览器检测吗?(不好的做法)还是有更好的方法?
jquery - 使用 jQuery scrollTop 时滚动震动
我正在使用一段非常简单的代码来动画滚动到我的页面顶部。代码如下:
出于某种原因,一旦发生滚动,如果您再次尝试向下滚动,页面会在允许您向下滚动之前会卡住几秒钟。使用 FF 似乎是最糟糕的,尽管在其他浏览器中并没有好多少。
有人对我如何让震动停止有任何想法吗?
jquery - 使用 jQuery 向下滚动到某个位置
嗨,只是一个让我发疯的快速怀疑。
单击此按钮时,我试图自动向下滚动到一个按钮。
我将按钮的 y 索引值保存在一个名为 scrollIndex 的变量中(感谢 offset() 方法)。
现在我试图用这个向下滚动我的窗口:
我实际上尝试了很多东西,但似乎没有任何效果,我想这是因为我错误地使用了 scrollTop 方法()..
有什么帮助吗?谢谢!
我的完整代码:
解决了!我只是像这样在 click() 中编写了所有内容:
现在一切正常,除了我不太明白为什么......如果有人明白为什么我不能将点击事件处理程序链接到外部函数,我会很高兴知道答案。
谢谢大家!
jquery - 用 animate.scrolltop 和 (target).offset().top 计算一个固定的标题;
这应该是一个非常基本的问题,但是我早上的大部分时间都在解决这个问题,此时我已经接近认输了。我什至没有一点 js foo ——但我发现了一段注释很好的代码,我希望用它来动画锚链接:
我试图让它在 offset().top 上方 30px 处着陆——我试过了
$('html, body').stop().animate({ scrollTop: scrollToPosition -30}, 600,
这几乎可以奏效——它去了正确的地方,但随后又反弹回来。
我也试过
scrollTop: $(target).offset().top - 20 },
我也试过
scrollTop: $(hash).offset().top + $('#access').outerHeight()
这似乎并没有改变任何东西。
似乎答案可能在这里:JQuery page scroll issue with fixed header 但我似乎不太明白。
我知道这与其他问题类似——但我已经完成了我能找到的内容,而且我是文盲,无法复制/粘贴任何可以解决问题的内容。
我会非常感谢一个解决方案。
非常感谢,
马丁
附言
我发现的另一段代码确实有效,但它正在剥离主题标签,这使得它几乎无用。
html - 通过 HTML/CSS(无 javascript)为溢出元素设置“scrollTop”
假设我有以下 html:
如果这个 div 中的内容最终溢出,最流行的更改此项滚动位置的方法是使用 jQuery.scrollTop()。但是,我有一种情况,我想使用源 HTML 设置 div 的初始滚动位置。有没有办法做到这一点?我在网上看到的所有执行此操作的示例最终都使用 javascript。
我尝试的一种方法是在元素上编写一个 scrollTop 属性,如下所示:
但是,这不起作用。当然,必须有一种方法可以通过 HTML/CSS 设置溢出项目的初始滚动位置...
这是此代码的完整版本,说明它不起作用 - 垂直滚动条保持在“0”:http: //jsfiddle.net/gueBZ/1/
谁能帮我让它工作?非常感谢您的任何指点!
jquery - JQuery 动画滚动顶部容器
我有以下代码段可将表单滚动到第一个错误:
我的 jquery 验证代码末尾的完整块如下所示。如果提交时出现错误,它会将表单滚动到第一个错误。
但是,如果我将 替换$('html,body')
为容器元素的名称,例如 div class $('.myDivClass')
,它似乎效果不佳。它只是滚动到随机位置。
容器元素的 css 看起来像这样(所以你知道我的意思):
javascript - 使用 scrollTop jquery 动画时,Mirco-jumps
我对 scrollTop jquery 动画有疑问。它在动画之前微跳。内容越重,越差。
我不明白为什么它会这样做......
下面是我的代码示例。(只需复制/粘贴文件,这是一个独立的代码,我在 jsfiddle 上没有好的结果)
内容不是那么重,所以很难看到错误。Firefox 也使其更易于查看和快速滚动。
我在等你的好建议。:)
jquery - JQuery animate scrollTop Not Working Properly
The following JQuery code scrolls the page to the first error in the form:
However, if I replace the $('html,body')
with the name of a container element such as a div class $('.myDivClass')
with fixed positioning, it doesn't seem to work well. It just scrolls to random places up and down with each submission. If the container element is anything other than html,body, it doesn't seem to work right.
I can't figure out what I'm doing wrong.
The css of the container element looks like this (so you know what I mean):
I have tried using position() instead of offset() for relative positioning but it didn't make a difference.
Thank you!
Update: Looks like there is no solution for this.