CSS锚点
来源:互联网 发布:阿里云虚拟 编辑:程序博客网 时间:2024/06/06 04:30
CSS锚点使用有两种方法:
<a href='#one'>到达第一个锚点</a>
<a href='#two'>到达第二个锚点</a>
<div id='one' name="one">我是第一个锚点</div>
<div id='two' name="two">我是第一个锚点</div>
这样当我们点击A链接时, 对应的DOM节点就会滚动到窗口顶部。
但有时我们的需求并不是让它滚动到窗口顶部。 可能要他距离顶部有一定的距离。这时候可以由以下方法解决。
<a href='#one'>到达第一个锚点</a>
<a href='#two'>到达第二个锚点</a>
<div id='one' name="one" style='margin-top:-100px;padding-top:100px'></div>
<div >我是第一个需要滚动的内容</div>
<div id='two' name="two" style='margin-top:-100px;padding-top:100px'></div>
<div >我是第二个需要滚动的内容</div>
这样就可以达到滚动后距离顶部200px的效果。而不影响原页面的样式阅读全文
0 0
- CSS锚点
- CSS快速学习7:定位锚点
- 关于CSS锚点的使用
- 我想学习点CSS
- css点井区别
- CSS 注意点
- CSS 注意点
- css使用注意点
- 简单点,CSS
- 学习CSS注意点
- css锚点定位偏移原理兼容浏览器
- 一个使用锚点的纯css图片切换
- 关于锚点和label的纯css内容切换
- div+css布局注意点
- div+css布局注意点
- 关于css的几点
- css注意点和问题
- CSS兼容的几个点
- 通过uwsgi和nginx部署django项目
- I can 前端-06 静态网页到动态网页的过渡
- 鼠标拖动圆运动
- Java环境搭建
- python实现斐波拉契数列的看法
- CSS锚点
- Python 3.6 模块安装“error: Microsoft Visual C++ 14.0 is required...”问题解决
- tensorflow实践系列 -- 线性规划 (batch and stochastic)
- 解决Chrome表单文本框自动填充黄色背景色的黑科技
- 【异常】关于使用ES的RestHighLevel JavaAPI执行search操作时,参数的问题
- JVM必知必会(四)【收集器选择,G1】
- jQ传统轮播图
- mybatis中的resulitMap配置
- ZooKeeper异常之磁盘没有剩余空间。