开发者社区> 问答> 正文

手机端内容超出一屏弹出遮罩层的时候如何不让底下内容滑动,如图?

screenshot
html 部分布局

<body>
    <div>
        <p>段落1</p>
        <p>段落2</p>
        <p>段落3</p>
        ...
        <p>段落50</p>
    </div>
    <div class="fixed"></div>
</body>

css 遮罩样式

.fixed
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.3);
        z-index: 999;
    }

展开
收起
杨冬芳 2016-06-03 17:56:43 2693 0
2 条回答
写回答
取消 提交回答
  • html上加overflow:hidden

    2019-07-17 19:26:58
    赞同 展开评论 打赏
  • IT从业

    这个问题我感觉你可以在遮罩层上 阻止默认事件和事件冒泡。把滑动相关的事件都干掉应该可以吧

    2019-07-17 19:26:58
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Tangram 立即下载
360手机卫士 插件化漫谈 立即下载
手机京东Crash自动分析处理系统 立即下载