-
- Scaler7003173 2019-10-11
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> button{ resize:both; } .box{ width:200px; height:100px; overflow:hidden; text-align:center;margin-left:8px;} #one {font-size:5em; background:#ccc; width:200px; height:100px; text-align:center;} #two {font-size:5em; background:#f00; width:200px; height:100px; text-align:center;} #three {font-size:5em; background:#0f3; width:200px; height:100px; text-align:center;} #four {font-size:5em; background:#ff3; width:200px; height:100px; text-align:center;} a{ text-decoration:none; } </style> </head> <body> <div class="box"> <div id="one">1</div> <div id="two">2</div> <div id="three">3</div> <div id="four">4</div> </div> <div> <button><a href="#one">按钮1</a></button> <button><a href="#two">按钮2</a></button> <button><a href="#three">按钮3</a></button> <button><a href="#four">按钮4</a></button> </div> </body> </html> - 0赞 · 0采集
-
- pinzaghi 2019-08-08
用锚点加overflow实现“选项卡”技术
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
锚点可以用来快速定位
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
锚点定位的本质是改变容器的滚动高度
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
锚点会定位对应id的元素
-
截图0赞 · 0采集
-
- 你是漂亮的天蓝色 2019-05-05
overflow与锚点技术：
1、锚点定位的本质是：改变容器的滚动高度
2、锚链接时，如下面的例子
给class="box"添加一个overflow：auto；样式
点击下面的1,2,3,4，能看见随着滚动条的移动转移到不同的div的位置
当改为overflow：hidden；
滚动条不见了，点击下面的1,2,3,4，直接进行div的转换，看不到之前的滚动变换效果
但是这样div切换时，位置会上下偏移，不太好控制
- 0赞 · 0采集
-
- 慕网老油条丶 2019-03-19
- 锚点链接<a href＝"#id"></a>可以找到页面#id的位置
-
截图0赞 · 0采集
-
- 韩凝梅 2018-08-03
纯css选项卡！
-
截图0赞 · 0采集
-
- 慕用6095593 2018-06-04
利用锚点 及 overflow实现选显卡！
-
截图0赞 · 0采集
-
- 澜若枫清 2018-02-17
- 纯css选项卡
-
截图0赞 · 0采集
-
- 南宁吴彦祖 2017-10-29
- oveflow和锚点技术适合应用在单页应用（页面只有一屏，无滚动）上。
-
截图0赞 · 0采集
-
- qq_捂着心脏说胃疼_0 2017-08-11
- 视频1,2节，此处选项卡
-
截图0赞 · 0采集
-
- 吉夫 2017-07-28
- 容器可滚动，即容器需设置有overflow属性
- 0赞 · 0采集
-
- orangewangjie3473319 2017-06-30
- 合适的应用场景： 单页应用
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-06-30
- 不足： 如果选项卡在下面，点击 页面会调到上面
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-06-30
- 锚点定位与overflow选项卡技术
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-06-30
- 锚点定位的本质和前提条件
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-06-30
- 锚链与锚点
-
截图0赞 · 0采集
-
- abc123456789def 2017-06-27
- overflow-x 和 overflow-y 相等就等于overflow 当内容高度大于外面盒子高度， 且width为100% ， 那么ie7下会显示水平滚动条。 这是兼容性的问题，如果需要 去除水平滚动条，那么只需要删除内部内容的width100%就行了。 rsize:both 必须有overflow：auto来进行支持 文字溢出 ： white-space：nowrap ; text-overflow:ellipsis ; overflow:hidden
- 0赞 · 0采集
-
- 慕田峪5295544 2017-06-13
- 锚点定位与overflow选项卡技术的不足： 锚点定位的穿透性很强，会定位到滚动条最上面的位置 所以适合的应用场景：单页应用
-
截图0赞 · 0采集
-
- 慕田峪5295544 2017-06-13
- 锚点定位与overflow选项卡技术的不足： 锚点定位的穿透性很强，会定位到滚动条最上面的位置 所以适合的应用场景：单页应用
- 0赞 · 0采集
-
- 慕田峪5295544 2017-06-13
- ellipsis文字溢出点点点省略
-
截图0赞 · 0采集
-
- 慕田峪5295544 2017-06-13
- 锚点定位的触发
-
截图0赞 · 0采集
-
- 慕田峪5295544 2017-06-13
- 锚点定位的本质
-
截图0赞 · 0采集
-
- csser 2017-02-18
- 利用锚点做一屏单页应用
-
截图0赞 · 0采集
-
- UFO2015 2017-01-16
- overflow: hidden; #id 模拟选项卡
-
截图0赞 · 0采集
-
- UFO2015 2017-01-16
- focus #id <del>name</del>
-
截图0赞 · 0采集
-
- UFO2015 2017-01-16
- scroll background content; hold view port
-
截图0赞 · 0采集
-
- UFO2015 2017-01-16
- #hash achor
-
截图0赞 · 0采集
-
- 学之舟_36820 2016-11-27
- 锚点定位--改变容器的滚动高度 1.容器可滚动 2.锚点元素在容器内 锚点定位触发 1.url中锚链与锚点元素 2.可focus锚点元素处于focus状态 锚点定位作用 1.快速定位 2.overflow选项卡 .box{overflow:hidden;} <div class="box"> <div class="list" id="one">1</div> <div class="list" id="two">2</div> <div class="list" id="three">3</div> <div class="list" id="four">4</div> </div> <div class="link"> <a href="#one" class="click">1</a> <a href="#two" class="click">2</a> <a href="#three" class="click">3</a> <a href="#four" class="click">4</a> </div>
-
截图1赞 · 3采集
数据加载中...