如何解决查询动画滚动顶部在我的弹性框两列布局中不起作用
我使用 flex 框构建了一个两列站点,用于两列布局的布局。当我刷新网站时,我想使用 animate 和 scrollTop 为我的本地链接添加动画。本地链接在没有 javascript 的情况下工作正常,但使用该功能则不行。我怀疑这与布局有关,但无法弄清楚我做错了什么。我已经建立了一个小提琴来展示我的问题。
我的链接在左栏中,内容在右栏中。我正在使用此功能进行动画滚动
$('.scroll-to').on('click',function(e) {
e.preventDefault();
var href = $(this).attr('href');
console.log('clicked on #' + href);
$('.main-content').animate({
scrollTop: $(href).offset().top - 10
},'slow');
return false;
});
我觉得我很接近,但花了几个小时试图走到最后几英尺。任何帮助表示赞赏。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。