scroll-view scroll-y 无效 求指点
发布于 5 年前 作者 yangyao 19413 次浏览 来自 问答

自己开发的程序scroll-y始终无效果,上网找了个例程新建项目写进去,还是无效果,scroll-x可用。

HTML代码如下:

<view class="title">垂直滚动</view>
<scroll-view class="scroll_view_vertical" scroll-y>
    <view class="item">line1</view>
    <view class="item">line2</view>
    <view class="item">line3</view>
    <view class="item">line4</view>
    <view class="item">line5</view>
    <view class="item">line6</view>
    <view class="item">line7</view>
    <view class="item">line8</view>
    <view class="item">line9</view>
    <view class="item">line10</view>
    <view class="item">line11</view>
    <view class="item">line12</view>
</scroll-view>
<view class="title">水平滚动</view>
<scroll-view class="scroll_view_horizotal" scroll-x>
    <view >1111111111111111111111111111111111111111111111111111111111</view>   
</scroll-view>
 
<view class="copyright">
    <view class="copyright_item">CopyRight:All Right Reserved</view>
    <view class="copyright_item">作者:FutureJet</view>
    <view class="copyright_item">公众号(仅供学习交流):TITF</view>
    <view class="copyright_item"><image class="img" src="../../utils/image/erweima.jpg"/></view>

</view>


CSS代码如下:

.title{
    height: 30px;
    text-align: center;
}
.scroll_view_vertical{
    height: 50%;
    margin-bottom: 20px;
    background-color: ghostwhite;
}
.scroll_view_horizotal{
    height: 50px;
    background-color: whitesmoke;
}
.item{
    height: 50px;
}
.copyright{
    color: white;
    padding: 5px;
    margin-right: 3px;
    margin-left: 3px;
    text-align: center;
    background-color: darkblue;
}
.copyright_item{
    margin-top: 5px;
}
.img{
    width: 200px;
    height: 200px;
    margin-bottom: 5px;
}

贴张图吧,研究了一晚上了,我尽力了,求指点。

6 回复

把scroll-view的 height:设为固定***rpx试一下

偷偷告诉你,height可以用%,前提是page设置100%

scroll-y=“true”

高度不要定为50%,scroll-view应该有个固定的高度,你的问题就出在这里

这个比较坑,我在wxml里面设置height有用,但是wcss里面没用

把 height:50% 改成 height:50vh 试试?

回到顶部