如果滚动容器的样式或属性设置不当,如高度不足、overflow属性设置错误等,都可能影响scroll-into-view的效果。因此,应确保滚动容器的样式和属性设置正确。 三、视图渲染时机 在使用scroll-into-view时,如果目标元素尚未渲染完成,该功能将无法生效。因此,应确保在调用scroll-into-view时,目标元素已经存在于视图中。可以在...
scroll-into-view就无法生效。可以通过setData等方式，确保子组件在滚动前已经存在并且被渲染出来。
1.给scroll-view要设置高度,必须设置上scroll-y或者scroll-x为true(必须要的) 2.scroll-into-view初始化设置的时候,可能因为页面或者数据未加载不能跳转。需要在js里手动setData一下。 然儿一顿操作后并没有效果 ,还是接着找原因吧... 问题出在自定义的组件这里,貌似这块的内容所占的高度在scroll-view中被忽略...
image.png 最后发现,原来是在给scroll-view设置高度的时候,不能用%来设置高度,改成固定高度类似500rpx就可以了
1、需给scroll-view内的子元素设置display:inline-block;设置浮动不起作用 2、scroll-view元素设置,white-wrap:nowrap 3、给scroll-view元素设置flex不起作用 如果从css角度来看,完全没必要使用scroll-view组件;不过当需要定制滚动事件,这时候可以通过绑定滚动事件、滚动到头尾处事件来自定义事件 ...
小程序scroll-view翻转后 scroll-into-view的替代方案 背景 腾讯云医小程序有医患聊天会话的场景,由于会话场景存在查询历史消息的场景,小程序中按照常规思路加载历史消息时会出现跳动的问题;跳动的原因是由于在’顶部’插入dom,会使得后面的dom被往后面推,然后重新设置scroll-top或者scrol-into-view从而导页面出现跳动;我...
我用的是原生的，框架上的 就不是太清楚了
toView: 'cate' + that.data.menu_active }) }); 尝试过在onLoad、onShow、onReady下重新赋值toView,但是始终不起作用。再后来... 幸亏看到了说数据(菜单列表)渲染未完成,导致打开页面滚动指定位置失败的原因,然后提供的办法是 使用setData的回调,棒呆!!!
--1、id不能以数字开头,所以用拼接一下2、每次点击 nav 项,获取 该次 点击项的 id,用 data-id="{{item.id}}"传参,然后setData,保存为 navId,3、这时 scroll-into-view="{{'scroll' + navId}}"和 scroll-into-view="{{'scroll' + navId}}"对应,所以会滚动到该元素,但是没有动画4、scroll-view...