1、你发的那个网站用的是 vue.js 中的 vue-router JQuery有个平滑滚动插件 jquery-smooth-scroll 可以实现类似效果。
成都创新互联公司专业为企业提供隰县网站建设、隰县做网站、隰县网站设计、隰县网站制作等企业网站建设、网页设计与制作、隰县企业网站模板建站服务，十多年隰县做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2、console.log(“滚动距离” + scrollTop)；})将页面滚动到指定位置 主要使用的是锚点技术，锚点元素通过scrollTop值改变进行定位。锚点 锚点是网页制作中超级链接的一种，又叫命名锚记。
3、所以建议采用id来绑定锚点，代码如下：波轮洗衣机介绍波轮洗衣机介绍 含锚点跳转的URL地址window.location.hash【1】关于#在页面的制作中，“#”的符号很常见，并且具有通用性。基本上，其表示的含义是id选择符。
实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。
新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。 。
在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。
平滑滚动是指在页面内滚动的行为，在网页中，我经常会看到诸如“返回顶部”之类的按钮，这就是使用平滑滚动实现的，接下来的这篇文章我们就来介绍使用jQuery实现平滑滚动的方法。
本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。
前置条件：div作为盒子限制高度，并设置overflow：auto。
window.addEventListener(load，load， false)；HTML代码：div id=inp/div 上面的小例子当touchstart事件触发的时候，会将触摸的位置更新到div标签中。
将你所需要滑入的标签体先隐藏，你想要滑入效果，那可以先用position定位将该标签体移到页面之外，比如left：-9999px；。
一开始我们的做法是使用boundingClientRect()方法获取每个锚点的坐标，然后再用wx.pageScrollTo()方法滑动过去。
所谓滑动门技术，就是标签像一个滑动门一样，可以根据内容的大小自由滑动。下面通过一个图片来说明其原理：这种技术几年前用的比较多，那时候设计风格还不是现在这种扁平化。
1、这样操作完是解决了滚动条悬浮错位的问题了，但是在IE下又出现新的bug，就是鼠标hover和点击选中时没有颜色，（- -坑爹的ie），然后再套多两层p，这样就解决了ie下没颜色的问题。
2、平滑滚动是指在页面内滚动的行为，在网页中，我经常会看到诸如“返回顶部”之类的按钮，这就是使用平滑滚动实现的，接下来的这篇文章我们就来介绍使用jQuery实现平滑滚动的方法。
3、在高度较高的页面中经常见到。锚点跳转有两种形式：a标签 + name / href 属性使用标签的id属性在html 0以前，只有使用 标签的 name 属性才能创建片段标识符。
