前端屏幕滚动效果_html/css

来源：懂视网责编：小采时间：2020-11-27 16:40:45

前端屏幕滚动效果_html/css_WEB-ITnose:屏幕的滚动我这边给分成两种：从某个位置直接滚动到最顶端点击按钮到指定的位置，这个会涉及到锚点在我的文章《设置锚点的三种方法》里面有介绍到，不明白的朋友看一下。第一种方法最简单，只要利用锚点id定位就可以直接实现了。这种这边就不多做介绍

推荐度：

点击下载本文 文档为doc格式

导读前端屏幕滚动效果_html/css_WEB-ITnose:屏幕的滚动我这边给分成两种：从某个位置直接滚动到最顶端点击按钮到指定的位置，这个会涉及到锚点在我的文章《设置锚点的三种方法》里面有介绍到，不明白的朋友看一下。第一种方法最简单，只要利用锚点id定位就可以直接实现了。这种这边就不多做介绍

屏幕的滚动我这边给分成两种：

从某个位置直接滚动到最顶端

点击按钮到指定的位置，这个会涉及到锚点

在我的文章《设置锚点的三种方法》里面有介绍到，不明白的朋友看一下。

第一种方法最简单，只要利用锚点id定位就可以直接实现了。这种这边就不多做介绍了，主要介绍第二种，会第二种，第一种都是小意思了

介绍第二种先来点代码，大家看的比较清楚：

   滚动    1 2 3 4 5 1 2 3 4 5

运行结果界面

运行后大家会发现没动画确实很生硬，一点都不友好。接下来我们来家电动画，在原来的基础上加入js代码：

推荐度：

点击下载本文 文档为doc格式

标签：屏幕滚动效果