微信小程序scroll-view去掉滚动条

这篇具有很好参考价值的文章主要介绍了微信小程序scroll-view去掉滚动条。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序scroll-view去掉滚动条

解决方案一:

微信官方文档上面给出了显示和隐藏滚动条的属性 show-scrollbar ,把该属性设置为false,文档要求使用该属性要开启 enhanced 属性,把这个属性设置为true即可;
微信小程序scroll-view去掉滚动条

<scroll-view
	  class="wrap"
	  scroll-y
      enhanced
      :show-scrollbar="false">
</scroll-view>

解决方案二:

通过CSS设置滚动条隐藏:

微信小程序scroll-view去掉滚动条

值得注意的是: ::-webkit-scrollbar前要有 scroll-view 的标签名 或者 类名;文章来源地址https://www.toymoban.com/news/detail-506242.html

scroll-view ::-webkit-scrollbar {
	  display:none;
	  width:0;
	  height:0;
	  color:transparent;
	}

到了这里,关于微信小程序scroll-view去掉滚动条的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp微信小程序scroll-view滚动scrollLeft不准确

    今天在实现微信小程序的一个横向导航的时候出现了一个问题,就是每次滑到滚动条最右边的时候 scrollLeft的值都不准确 原因:因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流,可以在scroll-view 加一个 throttle=“{{false}}” 关闭节流,如下: 但是这种方法会影响

    2024年02月15日
    浏览(49)
  • 微信小程序 在bindscroll事件中监听scroll-view滚动到底

    scroll-view其实提供了一个 bindscrolltolower 事件 这个事件的作用是直接监听scroll-view滚动到底部 但是 总有不太一样的情况 公司的项目 scroll-view 内部 最下面有一个 类名叫 bottombj 的元素 我希望 滚动到这个 bottombj 上面的时候就开始加载滚动分页 简单说 bottombj这块元素不参与滚动

    2024年02月07日
    浏览(56)
  • 微信小程序组件scroll-view滚动到底部多次触发加载如何解决?

    在 iOS 真机上,scroll-view 滚动时会多次触发 scrolltolower 事件的问题,可以设置一个“加载标识”(如 DisableTrigger)来避免重复请求下一页数据。具体做法为: 在 data 中新增一个 DisableTrigger 变量,用于标识当前是否可以执行下一页数据的加载操作。 在 init()方法中,在请求数据

    2024年02月13日
    浏览(57)
  • 处理微信小程序scroll-view未被占满时滚动的问题

    微信小程序(原生/uniapp)使用了 scroll-view 组件的第一个子元素设置了 margin-top 时,即使 scroll-view 只有一行也可以滚动。 解决办法: 方案一:

    2024年02月15日
    浏览(50)
  • 关于uniapp微信小程序scroll-view组件使用show-scrollbar隐藏不了滚动条

    这里关于使用  scroll-view组件  时候有滚动条 想要隐藏滚动条但是使用show-scrollbar没有效果 这时候又使用类名隐藏滚动条 使用id隐藏滚动条都不行 解决方法:在使用  scroll-view组件 的页面或者app 页面加上以下代码就可以了         

    2024年02月12日
    浏览(49)
  • uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度

    uni-app文档:https://uniapp.dcloud.net.cn/component/scroll-view.html 使用竖向滚动时,需要给 一个固定高度,通过 css 设置 height 微信文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height 所以,给scroll-view设置

    2024年02月09日
    浏览(60)
  • 微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可,亲测有效!

    微信小程序的scroll-view在ios上没有显示滚动条,但是如果在安卓设备上会显示一个滚动条 微信小程序只需要在scroll-view上面添加show-scrollbar=“{{false}}” enhanced=\\\"{{true}}\\\"即可解决 UniApp则修改成:show-scrollbar=“false” enhanced=“true” 亲测有效!!!

    2024年02月03日
    浏览(50)
  • 微信小程序 scroll-view

    微信官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 微信小程序 scroll-view 提示:以下是本篇文章正文内容,下面案例可供参考 可滚动视图区域 。 代码如下(示例): 提示:css 提示:scroll-view 属性 提示:设置自定义下拉刷新区域背景颜色

    2024年02月11日
    浏览(68)
  • 【微信小程序】scroll-view的基本使用

    |  scss里面的 .item:nth-child(1) index.wxml index.scss

    2024年02月07日
    浏览(48)
  • 微信小程序 scroll-view组件的基本使用

     scroll-view 组件 其实和view组件很像,结合上节课的内容我们接着尝试教大家一下这个组件怎么使用,现实中这个组件能实现的效果又有那些  上图是CSDN的一个私聊窗口界面,我么看图就能想象的到,左边的聊天对像窗口是不是可以滚动的,这时候小程序就可以通过scroll-vie

    2024年02月01日
    浏览(63)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包