javascript - 转到 anchor 并使用 JQuery 或 Javascript 滚动

标签 javascript jquery html css

我并不是真正的 JQuery 和 Javascript 大亨。因此,我面临一个问题。

只要页面已加载,我就想将其移动到特定 anchor 。效果必须对用户无感。

我是用这行代码做的:

location.hash = "story_section";

但是,有一个问题:在页面的顶部有一个固定的菜单。因此,页面没有到达正确的位置。

那么,我怎样才能将页面从顶部滚动一些像素?

我可以使用 JQuery 滚动,但只能使用动画:

 $('html, body').animate({scrollTop: $("#"+secao).offset().top-altura}, 700);

您能阐明这个问题吗?

干杯

最佳答案

您可以使用 jQuery scrollTop() 方法:

var currentScroll = $(window).scrollTop(),
    menuHeight = $('menu-selector').height();
$(window).scrollTop(currentScroll - menuHeight);

关于javascript - 转到 anchor 并使用 JQuery 或 Javascript 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32717207/

相关文章:

javascript - 使用 Crafty.js 和 Box2d 绘制一个简单的圆圈

jquery - 高度侧边栏不是 100%

html - 什么样的文本可以包含在 HTML 代码标签中?

javascript - Js 数字 - 分数

javascript - Angular 总是选择 select 元素中的第一个选项

javascript - 无限循环检查器崩溃 - Jquery

jquery - 在 Rails 3 应用程序中使用 jQuery-UJS 进行远程 link_to 时出现解析器错误 : how can I debug this?

html - 其他尺寸的背景颜色,在背景图像后面

javascript - 不使用 anchor 标记或散列滚动到 ID

javascript - 语言 ="javascript"与类型 ="text/javascript"