uniapp css使用margin的时候导致出现垂直滚动条问题

这篇具有很好参考价值的文章主要介绍了uniapp css使用margin的时候导致出现垂直滚动条问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最开始不知道是怎么回事,页面明明还没有到达底部,怎么就出现垂直滚动条了。这里的原因就是最外层或者比较外层的view使用了margin就会出现这样的情况。换成padding不会。这是最简单的原因,你可以试一下下面的结构,必然触发,触发条件非常的简单。

大致结构如下:文章来源地址https://www.toymoban.com/news/detail-505329.html

.container {

  .header {
    
  }

  .main {
     padding: 20rpx 30rpx 30rpx;
   }

  .card-basic {}

  .card-perms {}


  }

}

到了这里,关于uniapp css使用margin的时候导致出现垂直滚动条问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【CSS】margin 的使用

    margin 用于设置元素的外边距。 margin 是一个简写属性,包括以下 4 个子属性: margin-top:上外边距。 margin-right:右外边距。 margin-bottom:下外边距。 margin-left:左外边距。 margin 可以设置 1 ~ 4 个属性值: 一个属性值:一起设置上下左右。 两个属性值:分别设置上下、左右。

    2024年02月13日
    浏览(45)
  • uniapp 微信小程ios端键盘弹起后导致页面无法滚动

    新增页面 用户可以主动添加输入文本框 添加多了就会导致当前页面出现滚动条,这就导致ios端滚动页面的时候去点击输入框键盘抬起再关闭的时候去滚动页面发现页面滚动不了(偶尔出现),经过多次测试发现是键盘抬起的时候 主动向上滑动 100%出现这种问题 这次项目主要使用了

    2024年02月05日
    浏览(51)
  • Git在add的时候出现error: unable to index file 的问题,导致add失败

    error: unable to index file \\\'Temp/FSTimeGet-492871c0bc7b1ca469f177d922e10e64 fatal: adding files failed  上面的问题导致无法将代码提交到暂存区,查看git状态时文件为红色(Untracked files)。 1、在项目文件夹(.git文件所在的文件夹)里面新建一个.gitignore文件 2、在.gitignore文件里面添加上面出现问

    2024年02月06日
    浏览(50)
  • css 100vw、100vh出现滚动条怎么解决

    要搞清楚这个问题首先要知道这两个单位(vw、vh)是什么意思。vw(vh)是相对于浏览器的视口宽度(高度)的,100vh等于浏览器的视口宽度,设置vw和vh会在视口发生变化时重新计算宽度和高度。 那么问题来了,什么是浏览器的视口,来看下面一张图: 上面这张图中,红色线

    2024年01月25日
    浏览(51)
  • Python 使用tkinter的Scrollbar方法创建Text水平和垂直滚动条

    在Python的Tkinter中,可以使用Scrollbar来实现Text组件的上下或左右滑动。首先,需要创建一个Scrollbar对象并将其与Text组件绑定,然后将Scrollbar放置在Text组件的右侧或底侧,使其能够控制Text组件的上下或左右滑动。 右侧(垂直)滑动条 底侧(水平)滑动条 右侧(垂直)滑动条

    2024年02月20日
    浏览(33)
  • UniGui使用CSS移动端按钮标题垂直

    unigui移动端中按钮拉窄以后,标题无法垂直居中,是因为标题有一个padding属性,在四周撑开一段距离。会变成这样: 解决方法,用css修改padding,具体做法如下 首先给button的cls创建一个cls,例如 然后添加css,老规矩,添加css的方法有两种一种在servermodule的customcss里添加,一种

    2024年02月04日
    浏览(32)
  • CSS之margin塌陷

    CSS中的外边距塌陷(Margin Collapse)问题是指在垂直方向上,当两个或多个块级元素的边距相遇时,它们之间的距离不是它们各自边距的总和,而是其中的最大值。这种现象主要出现在块级元素的上下外边距之间。 .ac和.bc有上下margin但是只生效了一个最大值。 外边距塌陷只发

    2024年02月21日
    浏览(33)
  • CSS中的margin与padding

    目录  一、margin 1.概念及作用 2.基本语法 3.margin的用法 二、padding 1.介绍 2.基本语法及要求 3. 用法 4.内边距和元素宽度 讲这些之前,先看一张图,便于理解  一、margin 1.概念及作用 CSS   margin   属性用于在任何定义的边框之外,为元素周围创建空间。 通过 CSS,您可以完全控

    2024年02月11日
    浏览(37)
  • [Unity学习]使用ScrollRect实现自动滚动到底部显示实时消息,并在拖动的时候取消自动滚动,再次手动滑到底部,又继续自动滚动

    首先需要重写ScrollRect组件: 下面通过协程实现在不滚动ScrollRect的时候,自动滚动到底部。 使用时,写下面类似代码即可: Unity原生Scroll View更改配置如下: 其中ScrollView游戏物体更改组件如下: content配置如下: 实现效果如下: 大功告成!加上对象池模式控制添加的text实例

    2024年02月16日
    浏览(42)
  • CSS中如何实现元素之间的间距(Margin)合并效果?

    前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个

    2024年02月10日
    浏览(27)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包