1、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。
专注于为中小企业提供做网站、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业武昌免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
2、(selector).scrolltop(offset)可以设置滚动条位置。
3、假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。
实现的页面锚点跳转缓冲特效，效果相当不错，可以在同一页面的锚点链接之间实现平滑的滚动，但是 JS 代码相对来说比较冗长，现在好了，只要已经加载了 JQuery，我们就可以用较为简短的代码实现相同的效果。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
并执行function方法。在function方法内，使用if语句判断，当前滚动的位置（scrollTop()）是否到达页面的底部（$(document).height()-$(window).height()），如果到达页面底部，提示“已经到底部了”。
你发的那个网站用的是 vue.js 中的 vue-router JQuery有个平滑滚动插件 jquery-smooth-scroll 可以实现类似效果。
本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。
可以给你提供一点思路，jquery有个方法animate动画效果。
下面的使用Jquery实现，使用的时候请引用Jquery.js，向上滚动看看js那里提示修改left为up即可。
新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。
这个不光用到jquery的animate，还要有css基础才行，要不你光靠js是做不出的。
1、Slideshow是一个简约的图片滑动切换插件。它可以根据窗口的大小调整图片的大小，并有一条很窄很酷的缩略图功能。
2、这里推荐一个十分好用的滚动条插件： Nicescroll NiceScroll 是一款完全基于 jQuery 框架的滚动条插件，它不仅有着类似 iOS 系统设备的滚动条外观，而且还支持任意的 、、 元素的滚动效果。
3、通常这个图片会很大，那么当浏览器窗口滚动到它的偏移位置时，jQuery.lazyload才会更改为正确的原始图片地址，真正向服务器请求这个原始图片的。所以有一定的延迟加载作用。
4、你可以F12，审查元素，你那个对话框需要滚动条的地方，然后依次设置可能出现滚动条的地方，然后再回写过去就可以了。
btn是你的按钮。div是要移动的div 你可以写他们的id或着class名 。
scrollBy(x，y)scrollBy()方法可把内容滚动指定的像素数。x：必需。把文档向右滚动的像素数。y：必需。把文档向下滚动的像素数。
jquery在rd中显示滚动条可以用div+css方式实现。调用 overflow-y： scroll；样式就会出现滚动条。
(摘自博客园，原网址http：//)jquery.nicescroll.min.js滚动条使用方法，Nicescroll是制作自定义滚动条的jq插件。
