uniapp实现横向滚动布局并且左侧第一个元素不动

最新推荐文章于 2024-07-09 11:30:02 发布

周bro

最新推荐文章于 2024-07-09 11:30:02 发布

阅读量551

点赞数 11

文章标签： uni-app 前端 javascript html5 经验分享 css3

本文链接：https://blog.csdn.net/weixin_46631078/article/details/136314959

版权

本文介绍了如何使用uni-app创建一个横向滚动布局，其中左侧第一个元素固定不变。通过设置CSS样式和利用scroll-x属性，实现了自定义滚动效果。内容包括HTML结构、JavaScript数据绑定以及CSS样式设计。

摘要由CSDN通过智能技术生成

html:----------------------------------------------------

<view class="Page_gird">
                   <view class="Page_gird_wai">
                       <view class="" style="flex: 1;">
                           <view class="" style="text-align: center;">
                               <text class="iconfont icon-caogao"></text>
                           </view>
                           <view class="" style="text-align: center;">
                               为您推荐
                           </view>
                       </view>
                       <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120">
                           <view class="mar" v-for=