小程序竖型导航栏代码以及怎么去除滚动条

2019-07-28

53

<scroll-view scroll-y="true" wx:if="{{catlevel!=-1&&opencategory}}" style="width:25%;height:1200rpx;float:left;text-align:center;line-height:86rpx;">

    <!-- <view style='background:#000;color:#fff;font-size:30rpx;'>壹裁分类</view> -->

    <view style='font-size:30rpx;position:fixed;top:140rpx;background:#ddd;width:25%;'>产品分类</view>

    <view class="yicai_fenlei" data-catlevel="{$catlevel}">

        <view class="item">

            <view wx:for="{{category_parent}}" wx:key="item">

                <nav bindtap="bindCategoryEvents" class="{{category_parent_selected==item.id?'on':''}}" data-id="{{item.id}}" data-level="1">{{item.name}}</nav>

            </view>

        </view>

        <view class="item" wx:if="{{catlevel>=2}}">

            <view wx:for="{{category_child}}" wx:key="item">

                <nav bindtap="bindCategoryEvents" class="{{category_child_selected==item.id?'on':''}}" data-id="{{item.id}}" data-level="2">{{item.name}}</nav>

            </view>

        </view>

        <view class="item" wx:if="{{catlevel>=3}}">

            <view wx:for="{{category_third}}" wx:key="item">

                <nav bindtap="bindCategoryEvents" class="{{category_third_selected==item.id?'on':''}}" data-id="{{item.id}}" data-level="3">{{item.name}}</nav>

            </view>

        </view>

    </view>

</scroll-view>


 

去除滚动条的css:

::-webkit-scrollbar{

    width: 0;

    height: 0;

    color: transparent;

}

DLweb`build
度良网络科技有限公司为您建设最时尚前沿的网站以及高端网站设计

沪ICP备16017573号

Copyright©2018 度良 All Rights Reserved.

友情链接:

义乌网站建设