uni-app的scroll-view

拢手点烟丶

于 2021-04-16 10:52:56 发布

阅读量1.1k

点赞数 1

分类专栏： Vue uni-app

本文链接：https://blog.youkuaiyun.com/jwqzhn/article/details/115751111

版权

uni-app scroll-view 横向滚动纵向滚动组件布局

关键词由优快云通过智能技术生成

Vue 同时被 2 个专栏收录

24 篇文章

订阅专栏

uni-app

5 篇文章

订阅专栏

本文详细介绍了uni-app中scroll-view组件的配置方法，包括如何设置横向和纵向滚动，并展示了其在实际项目中的应用。务必了解其关键属性，提升移动端页面滚动体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app的scroll-view

<template>
	<view class="j-scroll">
	<!-- scroll-x是允许横向滚动 scroll-y是允许纵向滚动-->
		<scroll-view scroll-x>
            <!-- 这里面放内容-->
		</scroll-view
    </view>
</template>
<style scoped lang="scss">
    .j-scroll {
		width: 100%;
		height: 400rpx;//横向要设置高度，纵向设置宽度
		white-space: nowrap;
        scroll-view {
            
        }
    }

具体属性详见：https://uniapp.dcloud.io/component/scroll-view
参考图：
在这里插入图片描述