dom内容区域的滚动overflow,scroll

去掉手机上点击点中的默认高亮效果

-webkit-tap-highlight-color: rgba(0,0,0,0);

ios手动启动一下监听touch事件以响应css伪类:

document.addEventListener("touchstart", function(){}, true)

传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容

1. 弹性滚动 android3+与ios5+版本增加了一个新的属性：overflow-scrolling
这个弹性滚动感觉起来像原生应用，因为这个本来就是原生的滚动。你只需要向可滚动区域增加一行代码。

隐藏的问题,由于使用硬件渲染,这个在手机端safarai会导致z轴偏高于static,但不会高于相应z-index设置的元素.

参考:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

//-webkit-overflow-scrolling: touch;

.container{...overflow:auto;/* winphone8和android4+ */-webkit-overflow-scrolling: touch;}<div class="wrapper"><div class="container"><div class="item">....</div><div class="item">....</div><div class="item">....</div><div class="item">....</div><div class="item">....</div></div></div>

2.使用iscroll

参考http://www.cnblogs.com/PeunZhang/p/3553020.html

转载于:https://www.cnblogs.com/isdom/p/webclips035.html

dom内容区域的滚动overflow,scroll相关推荐

【兼容性】ios上设置overflow: scroll不滚动bug
背景目前遇到这么一个问题:我有一个可以向下展开的下来菜单,菜单初始高度大于300px左右,没有超过手机屏幕高度,当展开的时候如果超过手机屏幕高度时让父元素出现滚动条滚动,就是说内容的高度是动态的. ...
CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
CSS中"overflow:scroll"默认是左右,上下都滚动.怎么设置只上下滚动而不左右滚动,下面有个不错的解决方法 CSS中"overflow:scroll&quo ...
iOS safari浏览器上overflow: scroll元素无法滚动bug深究
前情提要在之前我写过一篇文章:iOS safari浏览器上overflow: scroll元素无法滑动bug解决方法整理,这篇文章写的是,当iOS safari浏览器上出现大于父容器的svg元素,想 ...
头部底部通栏，内容区域滚动布局
内容区域滚动布局采用绝对定位布局,sass编写css,koala编译scss文件内容css .main {position: absolute;top: 80px;left: 0;right: 0 ...
父元素设置overflow: overlay；或 overflow: scroll；或 overflow: auto；如果子元素超出父元素内容，父元素会被子元素超出部分撑大至子元素同样大小
发现父元素设置overflow: overlay; 或 overflow: scroll; 或 overflow: auto; 如果子元素超出父元素内容,父元素会被子元素超出部分撑大至子元素同样大小 ...
[css] 遇到overflow: scroll不能平滑滚动怎么解决？
[css] 遇到overflow: scroll不能平滑滚动怎么解决? ipone 上解决方法是这样的, -webkit-overflow-scrolling: touch; 个人简介我是歌谣,欢迎 ...
[css] 使用overflow: scroll时不能平滑滚动怎样解决？
[css] 使用overflow: scroll时不能平滑滚动怎样解决? scroll-behavior: smooth; 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题
今天在工作中,遇到一个关于overflow在移动端视图调试滚动的问题,我在使用了overflow:scroll进行滚动时,滚动后滚动条自动消失了,需求是需要保留让它一直都在,下面的代码意思是重新设置滚 ...
给div元素设置height和overflow:scroll时监听不到滚动事件
解决方案: 步骤一:给html和body设置height和overflow:scroll 步骤二:并且滚动事件的监听一定要写第三个参数: window.addEventListener('scroll ...

dom内容区域的滚动overflow,scroll

dom内容区域的滚动overflow,scroll相关推荐

最新文章

热门文章