zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    2018年6月2号(线段树(2))
    [朋友(dalao)们的友链](¦3[▓▓]让我安详的躺一会儿...
    Hello,World
    算法笔记:数论基础
    [单源最短路]逃离僵尸岛
    算法笔记:最小生成树
    算法笔记:单调队列
    算法笔记:高斯消元
    [博客..配置?]博客园美化
    [大模拟]LuoGu P2033 Chessboard Dance
  • 原文地址:https://www.cnblogs.com/isdom/p/webclips035.html
Copyright © 2011-2022 走看看