1、overflow:auto/overflow:scrollbody/html与滚动条ie7浏览器默认:html{overflow-y:scroll}ie8浏览器默认:html{overflow:a
1、overflow:auto/overflow:scroll
body/html与滚动条
ie7浏览器默认:html{overflow-y:scroll}
ie8浏览器默认:html{overflow:auto}
所以,如果我们想要去除页面默认滚动条,只需要:
html{overflow:hiddden;}
而没必要把<body>也拉下水
html body{overflow:hiddden;}注意body是多余的。
水平居中跳到问题的修复
1、html{ovrtgloe-y:scroll;}IE6、IE7
2、.container{padding-left:calc(100vw-100%);} +IE9以上支持
100vw -浏览器宽度;100% -可用内容宽度
自定义滚动条-webkit
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)
::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)
::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)
::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
ios原生滚动回调效果
-webkit-overflow-scrolling:touch;
overflow与BFC
清除浮动clearfix{*zoom:1;}clearfix:after{comtent:'';display:table;clear:both;}