javascript - 使用 .scrollTo() 滚动到一个部分

标签 javascript jquery html

我正在尝试在 jquery 中使用 .scrollTo 根据滚动方向是向上还是向下滚动到另一个部分。 我在示例中有 scrollTo 源代码,但滚动仍在定期滚动。

DEMO

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
      $('body').scrollTo('.one');
   } else {
      $('body'.scrollTo('.two');
   }
   lastScrollTop = st;
});

最佳答案

你试过吗:

$("body").stop().animate({
    scrollTop : $(".one").offset().top
});

(偏移量可能需要根据您的站点更改为位置)

-edit: 添加了.stop(),它将停止动画重叠

关于javascript - 使用 .scrollTo() 滚动到一个部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36632945/

相关文章:

javascript - 如何更改 Material UI 单选按钮选中的颜色?

javascript - 调试时是否可以隐藏JavaScript框架调用栈,只跨过应用JavaScript代码

javascript - Google 地方信息自动完成功能不起作用

javascript - 如何使用 jQuery/JavaScript 检测 ios 设备并仅隐藏 iPhone 和 iPad 的 Bootstrap 模式?

javascript - toggleClass() 用于在纸波纹后调整圆圈大小

javascript - 如何创建复选框图像库

javascript - 如何在laravel中访问js文件中的env变量

javascript - Highcharts 主从图表的问题

jQuery addClass到summernote数据中的所有img

html - 如何简化这个CSS