首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >子div内的光滑滚动元素,位于标头下面。

子div内的光滑滚动元素,位于标头下面。
EN

Stack Overflow用户
提问于 2016-06-22 13:33:10
回答 1查看 193关注 0票数 0

这是小提琴链接https://jsfiddle.net/malakar369/y5Lppeg0/8/

代码语言:javascript
运行
复制
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位于页面的顶部,它就能工作。然而,由于它不是在顶端,我有和广泛的问题。你们谁能看看然后帮我一把吗。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-22 13:42:39

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

尝尝这个

代码语言:javascript
运行
复制
var animateTo = $("#main-height-container").scrollTop() - $("#main-height-container").position().top + $(href).position().top;

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37969676

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档