当url包含锚点时,在页面加载中获取网页滚动条的垂直位置
Get vertical position of scrollbar for a webpage on pageload when the url contains an anchor
我使用jQuery的scrollTop()方法来获取页面加载时滚动条的垂直位置。我需要在url中的锚执行后获得这个值(例如url:www.domainname.com#foo)。我可以使用以下代码,它在Firefox和IE中都有效:
网址:www.domainname.com#foo
$(document).ready(function() {
if ($(this).scrollTop() > 0) {
// then a conditional statement based on the scrollTop() value
if ($(this).scrollTop() > $("#sidenav").height()) { ...
但在Safari和Chrome中,document.ready()似乎在锚之前执行,因此在这种情况下,scrollTop()在页面加载时返回0。在Chrome和Safari中执行锚点后,如何访问页面加载时的scrollTop()值?
你可能只想做一些像setTimeout
这样快速而肮脏的事情,不管它需要多少毫秒才能从Chrome或Safari可靠地获得
var MAX_CHECKS = 5; // adjust these values
var WAIT_IN_MILLISECONDS = 100; // however works best
var checks = 0;
function checkScroll() {
if ($(this).scrollTop() > 0) {
// then a conditional statement based on the scrollTop() value
if ($(this).scrollTop() > $("#sidenav").height()) {
...
}
} else {
if (++checks < MAX_CHECKS) {
// just to make sure, you can try again
setTimeout(checkScroll, WAIT_IN_MILLISECONDS);
}
}
}
$(document).ready(function() {
// You can also throw in an if statement here to exclude
// URLs without # signs, single out WebKit browsers, etc.
setTimeout(checkScroll, WAIT_IN_MILLISECONDS);
...
});
请注意,您也可以使用if ($.browser.webkit)
,尽管该功能已被弃用,并且可能会被移到插件中,而不是主jQuery(有利于功能检测)。
相关文章:
- 从脚本中的动态(javascript)网页获取信息
- 从谷歌chrome中的任何网页获取所有tel标签
- 从网页获取数据的更好方法,而不是使用DOM和HTML元素
- 如何从其他网页获取图像并在我的网站上显示
- 我可以通过Javascript从另一个网页获取特定的页面HTML代码吗?
- 从 asp.net c# 中的网页获取所有数据(包括图像)
- 使用 IPv6 地址和 JavaScript 从网页获取 HTML
- 使用 PHP 从网页获取脚本内容
- 使用 javascript 从 uiwebview 的网页获取值
- 如何从网页获取源代码
- 如何通过javascript或jquery从网页获取所有Html
- Javascript 从外部网页获取文本
- 无法从网页获取表单
- 如何使用网页加载的源从网页获取文本框内容
- 如何从Javascript中的通用网页获取favicon的URL
- 从网页获取链接
- 如何使用 AJAX 从外部网页获取未命名的元素
- SeleniumjSoup从Javascript网页获取数据
- 使用ajax而不是使用带有curl的php文件从另一个网页获取响应
- 如何使用selenium从网页获取链接