scroll小程序

<scroll-view scroll-y="true" scroll-into-view="{{qwe}}"  bindscroll="asd"  style="height:100vh;">
		//style="height:{{swiperHeight}};" 重点
	 <swiper  class="_swiper width-100p" style="height:{{swiperHeight}};" autoplay="{{carousel.length == 1 ? false : true}}" interval="3000" duration="1000" circular="true" bindchange="swiperChange">
          <swiper-item class="_swiper_item position-relative" wx:for="{{carousel}}" wx:key="index">
            <image src="{{item.image}}" class="_image jc-image" />
            <view class="text-center text-ff position-absolute width-center width-100p" style="bottom:190px">
              <view class="text-48">精选分类名称</view>
            </view>
          </swiper-item>
        </swiper>
        <view class="text-center text-ff position-absolute width-center width-100p" style="bottom:60px">
          <view class="text-30 border-ff line-height-70 padding-lr-65 width-fit inline-block">点击购买</view>
          <view class="flex align-center justify-center margin-top-40">
            <view class="swiper_bar {{swiperindex==index?'bar_active':''}}" wx:for="{{carousel}}"></view>
          </view>
          <view class="margin-top-40" bindtap="scrollpage">
            <view class="iconfont icon-xia top"></view>
            <view class="iconfont icon-xia position-relative bottom" style="top:-20rpx"></view>
          </view>
        </view>
</scroll-view>
 <view class="product-list padding-top-80 padding-lr-25" id="ewq">
 	对应锚点
 </view>



  swiperHeight:'100vh',
  swiperHeight2:'100vh',
  qwe:'',

    asd(e){
    console.log(e);
    let scrollTop=e.detail.scrollTop;
    if(scrollTop>620){
      this.setData({
        swiperHeight:'700rpx'
      })
    }
    if(scrollTop>820){
      this.setData({
        swiperHeight2:'700rpx'
      })
    }
  },
  scrollpage(){
    this.setData(
      {
        qwe:'ewq'
      }
    )
  },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值