微信小程序设置滚动条

素颜马尾好姑娘i 2022-01-26 14:17 697阅读 0赞

<scroll-view scroll-y="true" style="height: 200px">
        <view style="background: red; width: 100px; height: 100px" ></view>
        <view style="background: green; width: 100px; height: 100px"></view>
        <view style="background: blue; width: 100px; height: 100px"></view>
        <view style="background: yellow; width: 100px; height: 100px"></view>
    </scroll-view>
    
    
    
    <scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" >
    
      <view style="background: red; width: 200px; height: 100px; display: inline-block" ></view>
      <view style="background: green; width: 200px; height: 100px; display: inline-block"></view>
      <view style="background: blue; width: 200px; height: 100px; display: inline-block"></view>
      <view style="background: yellow; width: 200px; height: 100px; display: inline-block"></view>
    </scroll-view>

发表评论取消回复

表情：

评论列表（有 0 条评论，697人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序隐藏 scroll-view 滚动条

// 隐藏滚动条 ::-webkit-scrollbar { width: 0; height: 0; color: tra

柔情只为你懂/ 2023年01月08日 12:29/ 0 赞/ 218 阅读

相关微信小程序写横向滚动条导航栏

wxml <view class="title-menu"> <view class="title-menu-item active"> 全部

电玩女神/ 2022年12月13日 09:53/ 0 赞/ 269 阅读

相关微信小程序微信小程序实现跑马灯（多条文字横向衔接滚动）

js代码 Page({ data: { data: [ {

た入场券/ 2022年12月05日 13:52/ 0 赞/ 499 阅读

相关微信小程序 scroll-view 横向不滚动/隐藏滚动条

1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示； 2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果

水深无声/ 2022年04月16日 06:26/ 0 赞/ 1098 阅读

相关微信小程序之----去掉小程序的滚动条

代码 .v1::-webkit-scrollbar { width: 0; height: 0; color: transpare

偏执的太偏执、/ 2022年04月15日 04:29/ 0 赞/ 674 阅读

相关微信小程序（11）——去除滚动条

[微信小程序（十）——利用scroll-view实现横向滚动][scroll-view]讲了如何实现scroll-view的横向滚动，在实现滚动之后，发现有一个横向的滚动条存在

电玩女神/ 2022年03月20日 14:56/ 0 赞/ 1584 阅读

相关微信小程序设置滚动条

<scroll-view scroll-y="true" style="height: 200px">

素颜马尾好姑娘i/ 2022年01月26日 14:17/ 0 赞/ 698 阅读

相关微信小程序滚动列表（无限滚动）

![20180507132001955][] 效果图1.0 实现方式是利用小程序原声组件swiper，方向设置为纵向：vertical=‘true’设置同时显示的滑块数

我就是我/ 2021年12月11日 14:23/ 0 赞/ 945 阅读

相关微信小程序 - scroll-view 滚动条消失

在全局样式中写入 ::-webkit-scrollbar { / display: none; / width: 0; heigh

墨蓝/ 2021年09月20日 13:36/ 0 赞/ 552 阅读

相关微信小程序 - 页面隐藏滚动条

// 滚动条隐藏 ::-webkit-scrollbar { width: 0; height: 0; color: tr

蔚落/ 2021年07月27日 01:56/ 0 赞/ 540 阅读