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

0 投票
2 回答
1100 浏览

jquery - Jquery:(在 10 行以下)当 body.scrolltop > this 'h2' 时,将 h2 淡出,如果不是,将其淡入

当 body 窗口的顶部大于或等于 h2 标记时,将 h2 淡出,如果窗口的顶部回到该 h2 之上,则将该 h2 淡入。

当您向下滚动传递它时,此代码将淡出每个单独的 h2,但是当我向上滚动时,它不会淡出它,而且我不确定我做错了什么。我不是最擅长 jquery 的。非常感谢任何帮助。

0 投票
1 回答
1690 浏览

jquery - jQuery/javascript - 在 iframe 视图区域中居中 div。调整 iframe 高度后,scrollTop 不准确

好的,通常这很容易,但出于视觉原因,我强制 iframe 与其包含的内容高度相同。这样做只给了我一个滚动条,即父窗口上的滚动条。iframe 文档从不滚动。当我尝试在 iframe 中居中 div 时,问题就来了。当页面向下滚动几页时,我无法获得准确的滚动顶部值。$(window).scrollTop() 始终为零。如果我使用 parent.document.documentElement.scrollTop 而不是 $(window).scrollTop() 我会得到一个值,但它完全是午餐。例如,如果 iframe 的高度是 2011 并且我滚动到 iframe 的底部并查询 parent.document.documentElement.scrollTop 我得到一个值 567 返回。我的屏幕尺寸是1200

所有浏览器的结果相同。测试最新的IE、FF、Opera、Chrome。

模拟

0 投票
1 回答
1014 浏览

jquery - ipad上的simplemodal窗口定位

我刚刚在一个项目查看器上完成了一些工作,该查看器在 SimpleModal 窗口中显示了一个嵌套的 jQuery Cycle 小部件。它工作得很好,除了现在我正在尝试为 iPad 调试一些东西。

看一下下图,以更好地了解正在发生的事情,但基本上 SimpleModal 似乎对移动 safari 返回滚动顶部或其等效项的方式有问题。我知道 SimpleModal 'position' 选项需要更新,我现在才确定如何最好地去做。

替代文字

0 投票
2 回答
286 浏览

javascript - scrollTop 输出而不是设置?

我正在使用来自http://snippets.dzone.com/posts/show/4973的一些 JavaScript以及scrollTop下面的建议来创建一个书签,用于将预设的文本字符串插入到 Blogger 的新帖子textarea中。代码如下所示:

}

以及下面的建议:

scrollTop建议在 Firefox 中失败,而是将浏览器中的当前页面替换为textAreaScrollPosition.

我将此添加到书签的夹层版本的前面:

总而言之:

但是,没有换行符。

我还不是一个 JS 向导。我只是想帮助一个非技术朋友用 Blogger 做一些复杂的事情。有任何想法吗?

编辑:除了添加原始页面检测并用提示框替换预设文本外,我还可以通过添加myField.focus();到末尾来解决原始问题:

不确定最后一个分号是否是绝对必要的,但哦,解决方案!

0 投票
3 回答
1951 浏览

javascript - JQuery,ScrollTop 滚动到最后一个 div 而不是 ID div

所以我基本上使用一个链接,滚动浏览一系列 div 以选择正确的一个。即点击快乐,并滚动到“快乐” div,

但是,滚动似乎没有转到其链接的内容,而是滚动到列表中的第三个 div。

继承人的代码:

0 投票
2 回答
1579 浏览

jquery - 使用 jQuery scrollTop 时消除抖动

我有一个功能,当按下键盘上的向下箭头时向下滚动到文章的下一部分,当按下向上箭头时向上滚动。它工作正常,但是在滚动之前会有轻微的“反弹”或“抖动”。

我可以通过让函数返回 false 来部分解决这个问题,但是,返回 false 会吞下按键事件,使我无法使用键盘与浏览器交互。

关于如何在释放键盘的同时消除“抖动”的任何想法?

0 投票
0 回答
2581 浏览

javascript - scrollTo() 闪烁

我有一个动态页面,其中单击链接会触发一些将某些页面元素设置为的 javascript,display:none从而更改页面的高度。典型的浏览器行为是保留页面顶部的滚动位置。我想保留底部的滚动位置,因为链接靠近页面底部,我希望用户的光标在点击后保持在链接上。

我必须这样做的代码是:

(使用我发现的跨浏览器函数来获取文档高度和滚动位置)。

这在 chrome 和 Internet Explorer 中运行良好,但在 Firefox 中,页面高度变化和滚动位置变化之间有一个小的延迟。结果,页面快速重新对齐时会出现闪烁,这让我很困扰。

谁能建议一个修复或更自然的方法来记住页面底部而不是顶部的滚动位置?

谢谢你。

0 投票
1 回答
55239 浏览

jquery - jQuery 添加和删除 $(window).scroll(function()?

如何删除然后添加$(window).scroll?我需要存储一个变量并在某些事件后重用它。

谢谢你。

0 投票
2 回答
1305 浏览

javascript - WebKit 是否有剪辑错误?

注意:我在 2021 年整理了这个问题,以删除死链接并使代码成为实时演示。通过粗略检查,当前版本的 Chrome 中似乎不再存在该问题。


给定一个区域,其中 line-height 和任何边距是n,并且该区域的高度是 的倍数n,并且 scrollTop 增加了倍数,n我发现我在 Firefox、Opera 和 NetFront 中得到了我期望的结果,但是在Chrome (Windows)、Safari (Mac) 和最新的 WebKit nightly (Mac) 有一些泄漏,我看到部分线条。

在我的实际项目(我无法分享)中,效果非常明显,但即使在简化的测试用例中,也可以看到前一行的底部从框的顶部向外窥视。

是否可以避免这种影响?这是应该报告的 WebKit 渲染引擎中的错误吗?

简化的测试用例如下所示。单击文档几次以滚动它,而不是框顶部的点(即上一行字母的底部)。

0 投票
4 回答
1444 浏览

javascript - 更正主视口的 HTML 滚动元素 (+jQuery)

当我想通过 javascript 代码滚动网站时,设置.scrollTop属性的正确元素是什么?

window,document还是元素document.bodyhtml

jQuery 是否有一些技巧来检测滚动主视口和统一调用的意图?在我看来,有时$(window).scroolTop(value)有效,但有时无效。