平滑滚动跳跃而不是滚动
Smooth Scroll Jumps Rather than Scroll
我使用了平滑滚动插件它工作得很好,但只有2个其他链接,而不是另一个,请参阅这里的演示,
现场演示
它在行业和定价方面工作得很好,但在推荐中它只是跳到位置,而且固定导航也切断了部分。
<script>
$(document).ready(function () {
$('a[href^="#"]').on('click', function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top - 130 // - 130px (nav-height)
}, 900, 'swing', function () {
// Replace this with something that can be easily parsed and used by your code
window.location.hash = '3' + target;
});
});
});
</script>
这里我已经创建了一个jsfield,
jsfiddle.net/Thq62/
它工作得很好只是给链接添加了一个适当的id和哈希值
相关文章:
- 幻灯片滚动javascript不起作用
- 滚动固定滚动顶部()的跳跃效果
- 如何避免安卓中的滚动跳跃
- 滚动开始时的图像跳跃
- 将CSS面板更改为100%宽度会创建跳跃的jQuery滚动
- jQuery滚动DIV是跳跃和定位错误
- 视差滚动跳跃在safari ios
- 在较小的设备上滚动非常跳跃
- Javascript阻止滚动条跳跃
- jQuery Snap/Fixed菜单宽度的变化和跳跃,当滚动超过一定的点
- 平滑滚动跳跃而不是滚动
- 更快的滚动事件?-背景“跳跃”"在滚动
- 连续滚动计时器-避免跳跃
- 防止滚动跳跃在CKEditor和TinyMCE内联编辑器在Chrome上的对话框关闭
- javascript滚动动画后的跳跃滚动
- 锚点跳跃而不是平滑滚动
- 当滚动过去时位置更改为固定时,导航栏使内容跳跃
- Internet Explorer跳跃滚动
- 当页面加载时,会出现平滑滚动,当ID和哈希值设置相同时,偏移量会跳跃
- chrome上的Jquery滚动动画跳跃