如果你发现scrollTo无效,可能是由以下几个原因造成的: 目标元素不存在: 确保你在调用scrollTo方法时,目标元素已经存在于DOM中。如果目标元素是动态加载的,你可能需要在元素加载完成后再调用scrollTo。 选择器错误: 如果你使用document.getElementById或document.querySelector来获取目标元素,请确保提供的ID或选择器是...
.vue mounted(){ this.scrollToBottom() }, methods:{ scrollToBottom: function () { this.$nextTick(() => { var container = this.$el.querySelector('.chatContent'); container.scrollTop = container.scrollHeight; }) } }, updated:function () { this.scrollToBottom(); } 就想让div滚动...
.vue mounted(){ this.scrollToBottom() }, methods:{ scrollToBottom: function () { this.$nextTick(() => { var container = this.$el.querySelector('.chatContent'); container.scrollTop = container.scrollHeight; }) } }, updated:function () { this.scrollToBottom(); } 就想让div滚动条...
wx.pageScrollTo({ scrollTop: myChoose., duration:300}) 这里要记录一个坑,因为我也是第一次用这个滚动的API,百度出来人家都用的好好的,但是我的就是不行,不说回调失败了,根本好像就没有触发,什么fail,success,complete都没有打印日志,也搜到过同样的问题但是别人貌似都没有解决,问了一手师傅,但是师傅鼓捣...
onMounted(() => { const el = tableRef.value.$el // 是容器dom console.log(el.scrollHeight, el.scrollTop) // 打印分别是 500 和 0 el.scrollTop=el.scrollHeight // 无效 el.scrollTo(0, 1000) // 无效 }) 为什么上面的操作都无效呢?上面打印的500也让我不解 ,很明显滚动高度是大于500的 ...
vue项目中锚点定位bug无效和替代方式 在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位: scrollToSection(id) { let section = document.getElementById(id)...
你不要直接这样给scrollTop赋值,用方法去滚动window.scrollTo(x坐标,Y坐标)window.scrollTo(0, div.scrollHeight)应该是像楼下说的,你的图片没加载完就计算高度了,高度计算不正确导致的。你给图片加个onload事件,加载完后再重新调用一下那个移动到底部的方法。 0 0 0 没找到需要的内容?换个关键词再搜...
由于Vue是一个组件一个组件的,它有的页面是固定(static)的,所以无法滚动。只有#app页面可以获得scrollTop的值。 有效的方法 element.scrollIntoView 无效的方法 window.scrollTo() document.body.scrollTo(0, 0) 设置document.documentElement.scroll...
tdesign-vue-next 版本 1.10.2 重现链接 https://codesandbox.io/p/sandbox/tdesign-vue-next-table-virtual-scroll-demo-forked-gqxr6y 重现步骤 table 组件,开启虚拟滚动配置 数据量设置少于 200 个 点击滚动 期望结果 依旧可以正常滚动 实际结果 没有进行滚动 框架版本