解决办法:
如下代码:检查下scroll-view组件是否设置了上下padding 或者 scroll-view的父盒子< view class=“home-page” >…< /view >设置了上下padding,如果设置了,去掉就可以解决问题。文章来源:https://www.toymoban.com/news/detail-714878.html
<view class="home-page">
<scroll-view class="scroll-box" scroll-y="{{true}}" style="height: {{scrollBoxHeight}};"
scroll-with-animation="{{true}}" upper-threshold="{{50}}" lower-threshold="{{50}}"
bindscrolltoupper="handleScrollToupper" bindscrolltolower="handleScrolltolower" bindscroll="scroll">
<!-- <view class="test-box" >测试测试测试</view> -->
<view class="nav-bar-box {{navBarSticky === true ? 'nav-bar-sticky': ''}}">
<nav-bar bind:switchChannel="switchChannel" activeChannel="{{getMore.channel}}"></nav-bar>
</view>
<view tt:if="{{navBarSticky}}" style="height: {{navBarDistance}}"></view>
<view class="template-list-item">
<template-list tt:if="{{dataList.length > 0}}" dataList="{{dataList}}" activeChannel="{{getMore.channel}}"></template-list>
</view>
<view class="no-data" tt:if="{{hasAllData}}">
<text>没有更多了</text>
</view>
</scroll-view>
</view>
(完)文章来源地址https://www.toymoban.com/news/detail-714878.html
到了这里,关于小程序中使用scroll-view组件,内容高度未超过容器高度时依然可以上下滑动小段距离的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!