好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

前端屏幕滚动效果_html/css_WEB-ITnose

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

从某个位置直接滚动到最顶端 点击按钮到指定的位置,这个会涉及到 锚点

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

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

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

                         滚动                      .classCont div {                height: 400px;                width: 200px;                border: 1px solid #000000;            }            .hrefCont{                position: fixed;                top: 50%;                left: 230px;            }            .hrefCont a{                display: block;                width: 20px;                height: 20px;                margin-bottom: 2px;                text-align: center;                line-height: 20px;                border: 1px groove #000000;                cursor: pointer;                text-decoration: none;            }                           

1

查看更多关于前端屏幕滚动效果_html/css_WEB-ITnose的详细内容...

  阅读:40次