收藏
回答

scroll-view scroll-y 无效 求指点

问题模块
API和组件

自己开发的程序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;
}


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


最后一次编辑于  2017-05-12  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

6 个回答

  • 丢了十橘的猫
    丢了十橘的猫
    2017-06-22

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

    2017-06-22
    赞同
    回复
  • DireWolf
    DireWolf
    2017-05-13

    scroll-y="true"

    2017-05-13
    赞同
    回复
  • GeeFib
    GeeFib
    2017-05-12

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

    2017-05-12
    赞同
    回复
  • Sincere 🎈
    Sincere 🎈
    2017-05-12

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

    2017-05-12
    赞同
    回复
  • SmileOrder
    SmileOrder
    2017-05-12

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

    2017-05-12
    赞同
    回复
  • Ranx
    Ranx
    2017-05-12

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

    2017-05-12
    赞同
    回复