很多地方都可以用到div的滚动条,今天教大家怎样用css操作div的滚动条。怎样隐藏,显示div滚动条
首先是CSS基础认识
overflow-y:scroll; 总是显示纵向滚动条
overflow-y:visible : 不剪切内容也不添加纵向滚动条
了解:overflow-y手册http://www.divcss5.com/shouce/c_overflowy.shtml
overflow-x:scroll; 总是显示横向滚动条
overflow-x:visible : 不剪切内容也不添加横向滚动条
了解:overflow-x手册http://www.divcss5.com/shouce/c_overflowx.shtml
了解css overflow
div设置滚动条实例
DIVCSS5通过对第一个DIV对象设置div宽度、div高度、div边框样式,并在DIV盒子里添加演示文字内容,第二个盒子设置相同的CSS样式,盒子文字内容相同,并设置横向和纵向滚动条,观察效果。
第一个盒子CSS命名为“divcs5-a”,第二个DIV盒子样式选择器命名为“divcss5-b”。
雕鹰团队二次开发服装类商城模板;ecshop 韩都衣舍2014最新豪华版+专题频道页面功能;采用DIV+CSS布局,并优化了很多代码,使模板打开速度更快,更利于SEO搜索引擎优化。顶级分类页调用该分类下精品商品排行,左右切换滚动特效,头部购物车鼠标移入显示购物车商品,首页分类下方调用各分类商品,并且商品有立即购买功能,列表页左侧商品分类默认商品展开状态,点击哪个分类进入此页面,那么这个分类处于展开
1、具体完整html源代码如下:
div滚动条 在线演示 www.divcss5.com 测试内容测试内容测试内容测试内容测试内容测试内容测试内容 测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容 测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容 测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容 测试内容测试内容测试内容测试内容测试内容








