HTML:<div class="na-i"> <span> </span></div>样式:.na-i{ overflow-y: scroll; overflow-x: auto; height: auto; position: relative; margin: 0 10px; padding- ...
分类:
其他好文 时间:
2016-08-02 13:20:04
阅读次数:
131
1、overflow:设置当内容超出父级的宽高尺寸设置时的处理方式 a、hidden:隐藏超出部分的内容 b、auto:如果内容没有超出,就正常显示,如果超出,就隐藏内容并提供滚动条,可以滚动显示超出部分的内容 c、scroll:始终显示滚动条 d、overflow-x:功能同上,设置x方向内容溢出 ...
分类:
其他好文 时间:
2016-08-01 22:50:18
阅读次数:
148
在使用了属性overflow:scroll、overflow-y:scroll、overflow-x:scroll;的元素上加上-webkit-overflow-scrolling: touch;即可 参考资料: 解决页面使用overflow: scroll在iOS上滑动卡顿的问题 网页在Safar ...
分类:
移动开发 时间:
2016-08-01 15:55:53
阅读次数:
992
主要参数: behavior 移动方式 scroll 循环移动 slide 只移动一个回合 alternate 来回移动 scroll 循环移动 slide 只移动一个回合 alternate 来回移动 direction 移动方向 left right up down left right up ...
分类:
Web程序 时间:
2016-08-01 11:55:39
阅读次数:
1549
返回顶部按钮 利用 jQuery 中的 animate 和 scrollTop 方法,你无需插件就可以创建简单的 scroll up 效果: // 返回顶部 $('a.top').click(function (e) { e.preventDefault();//ff下阻止滚动条默认行为 $(doc ...
分类:
Web程序 时间:
2016-07-31 12:58:06
阅读次数:
211
RUNJS地址:http://runjs.cn/code/acqs9fdd 主要用了 1.position:fixed;设置标签相对当前窗口的位置。 2.scroll()方法:监听滚动条 3.scrollTop()方法:窗口中滚动条的垂直偏移 html代码: css代码: javascript代码: ...
分类:
其他好文 时间:
2016-07-31 00:05:33
阅读次数:
237
onepage scorll全屏滚动插件,它能够很方便、很轻松的制作出单页/全屏滚动页面。兼容主流浏览器,懒人图库推荐下载! 使用方法: 1、head区域引用文件onepage-scroll.css,jquery.min.js,jquery.onepage-scroll.min.js及以下样式 .p ...
分类:
其他好文 时间:
2016-07-28 15:31:41
阅读次数:
156
盒子容不下内容的展示:overflow属性 hidden:超过的文字就会被隐藏,看不到 scroll:看不到的文字可以通过滚动 看到 auto:会根据内容自动的增加水平或者竖直的滚动条 visible:与设置此属性效果一样,会影响布局 另外还有:overflow-x,overflow-y 盒子大小设 ...
分类:
Web程序 时间:
2016-07-25 01:39:52
阅读次数:
161
BFC触发1.根元素2.float3.overflow:auto,scroll,hidden(常用)4.display:table-cell,table-caption,inline-block,flex,inline-flex;5.position:absolut,fixed BFC布局规则1.背 ...
分类:
其他好文 时间:
2016-07-25 01:35:23
阅读次数:
238
方法1:body{scroll:no;} 方法2: body{ overflow-x:hidden;//水平隐藏 overflow-y:hidden;//垂直隐藏 } 或者 body{ overflow:hidden; } 这只是简单的隐藏方法,具体引起的后果还有待探索 ...
分类:
其他好文 时间:
2016-07-25 00:08:19
阅读次数:
129