gpt4 book ai didi

javascript - 滚动到页面顶部 - livewire 组件 - alpine js

转载 作者:行者123 更新时间:2023-12-04 11:56:51 26 4
gpt4 key购买 nike

我有一个使用 laravel livewire 创建的应用程序,我正在加载一个带有多个嵌套组件的 livewire 组件,这些组件一次显示一个,具体取决于状态变量。当显示每个嵌套组件时,页面将滚动到底部。我希望默认滚动到顶部。在我尝试过的嵌套组件的顶部:

x-data x-init="window.scrollTo(0, 0)"
我还尝试在隐藏组件 1 和显示组件 2 之前使用单击事件将页面滚动到顶部。这是为了确保在显示组件 2 之前页面滚动到顶部。
x-data x-on:click.document="window.scrollTo(0, 0)"
这两种方法都行不通。提前致谢。

最佳答案

我意识到这不是我需要滚动的窗口,而是 <div>窗内。因此,使用解决方案 2,在单击按钮以显示下一个组件(并隐藏当前组件)之后,我滚动到 div 的顶部。当下一个组件显示时,包含的 div 会滚动到顶部。
我仍然宁愿不需要实现此解决方法,但不确定在显示下一个组件时如何防止 div 滚动到底部。

关于javascript - 滚动到页面顶部 - livewire 组件 - alpine js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66131354/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com