CSS中position: fixed定位后div中内容不能滚动

这篇具有很好参考价值的文章主要介绍了CSS中position: fixed定位后div中内容不能滚动。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题描述

div设置定位后,内容不能滚动。文章来源地址https://www.toymoban.com/news/detail-738135.html

解决方案

.container {
	position: fixed;
	top: 116px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}

到了这里,关于CSS中position: fixed定位后div中内容不能滚动的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序】底部弹窗固定定位fixed+textarea,导致的adjust-position在安卓手机失效问题

    安卓手机测试时候发现,fixed固定定位导致键盘弹出时,textarea无法正常被顶上去。 然后我就尝试了第二种方法用scroll-view将高度设置为100vh时,将页面保持在视口高度,这个时候发现不管是弹窗是fixed还是absolute都无法让安卓手机的键盘弹出时textarea顶上去 最后我用了最后一种

    2024年01月18日
    浏览(51)
  • Web前端开发技术(第3版) 实训5 项目16 DIV+CSS页面布局

    实验课本61页 根据要求修改注释和链接的css文件就可以实现三种页面的呈现 更改具体内容和颜色代码就可以实现课本上的页面。 主代码: !DOCTYPE html html     head         meta charset=\\\"utf-8\\\" /         title/title         link href=\\\"layout_1.css\\\" rel=\\\"stylesheet\\\" type=\\\"text/css\\\"/     /he

    2024年02月06日
    浏览(47)
  • css position属性与js滚动

     “视口”就是浏览器窗口中实际显示文档内容的区域,不包含浏览器的“外框”,如菜单、工具条和标签。文档则是指整个网页。 static 正常定位,是元素position属性的默认值,元素遵循常规流。 relative 相对定位,会相对于自身在常规流中的位置进行定位。其在常规流中的位

    2024年02月08日
    浏览(31)
  • 【Web前端开发基础】CSS的定位和装饰

    能够说出 定位 的常见应用场景 能够说出 不同定位方式 的特点 能够使用 子绝父相 完成元素水平垂直案例 能够写出三种常见的 光标类型 (cursor) 能够使用 圆角边框 属性完成 正圆 和 胶囊按钮 效果 能够说出 display 和 visibility 让 元素本身隐藏 的区别 2.1 定位 目标:能够说

    2024年01月23日
    浏览(44)
  • CSS Position(定位)

    position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。 HTML 元素的默认值,即没有定位

    2024年02月07日
    浏览(38)
  • css-定位position 理论

    1.1网页常见布局方式 1.标准流         1.块级元素独占一行直布局          2.行内元素/行内块元素一行显示多个 ------水平布局 2.浮动           1. 可以让原本垂直布局的 块级元素变成水平布局 3.定位         1. 可以让元素自由的摆放在网页的任意位置     

    2024年02月10日
    浏览(37)
  • CSS基础学习--14 Position(定位)

    一、定义 position属性指定了元素的定位类型  position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。 二、static 定位 HTML 元素

    2024年02月09日
    浏览(38)
  • CSS:深入理解粘性定位 position: sticky

    粘性定位可以被认为是相对定位(relative)和固定定位(fixed)的混合。元素在跨越特定阈值前为相对定位(此时设定的 top, right, bottom、left 阈值并不生效),之后为固定定位。粘性定位元素并未脱离文档流。 相对它的最近滚动祖先和 containing block(最近块级祖先 nearest bloc

    2024年02月11日
    浏览(37)
  • 给div设置滚动条(css)

    1、 overflow:hidden; overflow:scroll; 2、 如果要出现水平滚动条,则: overflow-x:auto 如果要垂直滚动条则为: overflow-y:auto 注意:一定要设置宽高 width:400px; height:400px; 3、纯色滚动条 4、花色滚动条 参考链接: http://t.csdn.cn/mTtW9

    2024年02月16日
    浏览(48)
  • 【css】css自定义div的滚动条宽度

    需要通过对应浏览器的伪元素来修改: 点击这里查看:主流浏览器对应伪元素简介链接地址! 示例代码(针对google类webkit内核浏览器): css写法 less写法

    2024年02月07日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包