javascript - 到达 div 的顶部

标签 javascript html

<a href="xyz.com/#contact">click here</a>

点击后重定向至 xyz.com/#contact,

现在我想获得div #abc的顶部位置

//set the value as a variable, and remove the #
var hash_value = window.location.hash.replace('#', '');

获得 hash_value = 联系人

// adding #
hash_value = '#'+hash_value;

得到 hash_value = #contact

var top=$(hash_value).offsetTop;
alert (top);

现在警报框显示[对象窗口]

var top=$('').offsetTop;
alert (top);

现在警报框也显示[object Window]

偶数offset().top;也说同样的值(value)。 如何到达div的顶部?

提前致谢

最佳答案

我做了一个工作jsfiddle ,使用我在评论部分使用的代码。

$(function() {
    alert( $('#foo').offset().top );
});

从你的错误猜测我认为你的 jquery 选择器一定有问题。

此外,.offsetTop 属性仅适用于 native Javascript 对象。 如果你想在jquery对象上使用它,你必须先选择JS对象: alert( $('#some-id').get(0).offsetTop ); jquery 函数 offset() 简化了该访问。

关于javascript - 到达 div 的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20464613/

相关文章:

javascript - 在解决之前等待 Promise.all 中的 promise 完成

html - Div 不以 iPad 媒体查询为中心

javascript - 更改 :before or :after CSS 中的 SVG 填充颜色

javascript - 从javascript在ViewBag中存储一个值

javascript - 渲染 EJS 模板并将其保存为文件

javascript - 如何在Materialise设计中更改日期选择器表单的背景颜色

html - 底部的页脚与 css 网格?想不通?

javascript - 有没有办法通过javascript找出Chrome的媒体设置环境?

html - 具有 3 列的响应式布局

javascript - 添加了不触发脚本的自定义属性