gpt4 book ai didi

javascript - 标题下方的子 div 内的平滑滚动元素

转载 作者:行者123 更新时间:2023-12-03 06:40:51 25 4
gpt4 key购买 nike

所以这是 fiddle 链接 https://jsfiddle.net/malakar369/y5Lppeg0/8/

jQuery(document).ready(function ($) {
$('.custom-click').on('click', function (e) {
e.preventDefault();
var href = $(this).attr('href');
var current_div = $(href);
var animateTo = $(href).position().top ;
console.log(animateTo);
$('#main-height-container').animate({scrollTop: animateTo},"slow");
});
});

如果我的 div 位于页面顶部,它就可以工作。然而,由于它不在顶部,我遇到了很多问题。你们中的任何人都可以看一下并帮助我吗?

谢谢

最佳答案

$(href).position().top 在窗口坐标中

试试这个

var animateTo = $("#main-height-container").scrollTop() - $("#main-height-container").position().top + $(href).position().top;

https://jsfiddle.net/y5Lppeg0/9/

关于javascript - 标题下方的子 div 内的平滑滚动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37969676/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com