>我有一个折叠的侧边栏(使用引导程序),我正在尝试确保折叠的元素在可见时滚动到。
为了做到这一点,我正在使用 jQuery 的 offset(),它在第一次点击时返回 0并在第二次单击时返回正确的偏移量。
这是我的代码:
$.each($('[data-toggle="collapse"]'), function() {
$(this).on("click", function() {
if ($(this).is('A')) {
event.preventDefault(); $(this).toggleClass("active");
var x = $(this).attr("href");
console.log($(x).offset().top)
}
})
})
设置为
display: none
的项目位于页面流之外,这意味着它们不占用页面中的空间。这意味着当它们设置为display: none
时,它们没有偏移值。
在第一次单击时,浏览器会尝试查找偏移量,即 0,然后显示该元素。一旦显示元素,就会给出偏移左/顶值。
示例小提琴