<template> <view class="inde"> <scroll-view class="list_wrapper"   @scroll="scrollEvent" scroll-y="true"> <view class="top_fixed" :style="{height:navHeight+'rpx',backgroundColor:istoggle?`#ffffff`:``,opacity:opacity}"> <view class="top_fixed_wrapper" :style="{height:navigationBarHeight+'rpx',top:statusBarHeight+'rpx'}"> <view class="nav_fixed" :style="{width:navFixedWidth,lineHeight:customHeight + 'rpx',paddingLeft:textPaddingLeft*scaleFactor+'rpx'}"> <view :class="[istoggle?`nav_fixed_title_toggole`:`nav_fixed_item_title`]"> <text style="margin-left:8rpx ;">果实坊</text> </view> <view class="nav_fixed_item_search" @click="turntosearch"> <view :class="[istoggle?`nav_fixed_input_toggole`:`nav_fixed_item_input`]"> <text class="iconfont " style="font-size: 35rpx;margin-left: 10rpx;"></text> <text style="font-size: 25rpx;margin-left: 5rpx; ">{{searchtitle}}</text> </view> </view> </view> </view> </view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> <view style="background-color: red;width: 100%;height: 200rpx">sssssssssssssss</view> </scroll-view> </view> </template> <script> export default { data() { return { istoggle:false } }, methods: { scrollEvent(e) { console.log(e) var e=e.detail if (e.scrollTop <= 30) { this.istoggle = false this.opacity = 0 } if (e.scrollTop > 30 && e.scrollTop <= 32) { this.istoggle = true this.opacity = 0.3 } if (e.scrollTop > 32 && e.scrollTop <= 34) { this.istoggle = true this.opacity = 0.4 } if (e.scrollTop > 34 && e.scrollTop <= 36) { this.istoggle = true this.opacity = 0.5 } if (e.scrollTop > 36 && e.scrollTop <= 38) { this.istoggle = true this.opacity = 0.6 } if (e.scrollTop > 38 && e.scrollTop <= 40) { this.istoggle = true this.opacity = 0.7 } if (e.scrollTop > 40 && e.scrollTop <= 42) { this.istoggle = true this.opacity = 0.8 } if (e.scrollTop > 46) { this.istoggle = true this.opacity = 1 } }, } } </script> <style> .index{ width: 100%; height: 100%; } .list_wrapper{ width: 100%; height: 100vh; } /* 固定导航栏整体部分（包括状态栏+导航栏） */ .top_fixed { box-sizing: border-box; width: 100%; position: fixed; top: 0; left: 0; z-index: 10; } /* 导航栏部分（导航栏外层） */ .top_fixed_wrapper { box-sizing: border-box; width: 100%; position: absolute; left: 0; display: flex; /* justify-content: center; */ align-items: center; } /* 导航栏部分（导航栏内层：平齐胶囊部分） */ .nav_fixed { box-sizing: border-box; width: 100%; top: 202rpx; z-index: 10; display: flex; flex-direction: row; align-items: center; justify-content: space-around; } /* 标题 */ .nav_fixed_item_title { width: 30%; height: 100%; color: yellow; font-size: 40rpx; font-weight: bold; } /* 假搜索框外层 */ .nav_fixed_item_search { width: 75%; height: 100%; margin-right: 10rpx; margin-left: 5rpx; font-size: 40rpx; font-weight: bold; } /* 假搜索框 */ .nav_fixed_item_input { width: 100%; height: 100%; box-sizing: border-box; background-color: yellow; border-radius: 50rpx; color: #858992; display: flex; flex-direction: row; align-items: center; } /* 标题下拉fixed样式 */ .nav_fixed_title_toggole { width: 30%; height: 100%; color: seagreen; font-size: 40rpx; font-weight: bold; } /* 假搜索框下拉fixed样式 */ .nav_fixed_input_toggole { width: 100%; height: 100%; box-sizing: border-box; background-color: #ffffff; border-radius: 50rpx; color: #858992; display: flex; flex-direction: row; align-items: center; border: 4rpx solid seagreen; } </style>

一样有这个问题，还是没有解决， 这个不太灵敏

你好这个问题解决了吗