uni-app web-view组件在nvue环境下具有iOS弹性滚动效果

在 uni-app 中，web-view 组件用于嵌入网页内容。在 nvue 环境下，web-view 组件的行为与在 vue 环境下有所不同，尤其是在 iOS 设备上。

iOS 弹性滚动效果

在 iOS 设备上，web-view 组件默认会具有弹性滚动效果（即页面内容滚动到顶部或底部时，会出现弹性回弹效果）。这种效果在 nvue 环境下同样存在。

控制弹性滚动效果

如果你想控制或禁用 iOS 设备上的弹性滚动效果，可以通过以下方式进行设置：

1. 禁用弹性滚动效果

   你可以在 web-view 组件中通过 bounces 属性来控制是否启用弹性滚动效果。bounces 属性默认为 true，表示启用弹性滚动效果。你可以将其设置为 false 来禁用弹性滚动效果。

   <template>
     <web-view :src="url" :bounces="false"></web-view>
   </template>
   
   <script>
   export default {
     data() {
       return {
         url: 'https://example.com'
       };
     }
   };
   </script>
   

2. 通过 CSS 控制

   你也可以通过 CSS 来控制 web-view 的滚动行为。例如，你可以使用 overflow: hidden 来禁用滚动。

   <template>
     <view class="container">
       <web-view :src="url" class="web-view"></web-view>
     </view>
   </template>
   
   <style>
   .container {
     width: 100%;
     height: 100%;
     overflow: hidden;
   }
   .web-view {
     width: 100%;
     height: 100%;
   }
   </style>