html利用瞄点实现返回顶部的功能

html-css017

html利用瞄点实现返回顶部的功能,第1张

html中利用锚点实现返回顶部的功能

html结构:

简单的设置一下样式:

这样就利用html的原生特性实现了简单点击按钮的返回顶部的功能

可以使用相当于浏览器定位。css样式中写入：\x0d\x0a{position: fixed\x0d\x0a right: 20px\x0d\x0a bottom: 100px}相当于浏览器右边20px，浏览器底部100px的距离的定位。\x0d\x0afixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。