scroll 相关问题

如何在表单上使用preservescroll？它适用于链接的删除功能，但我无法让它在表单或 div 上工作。如何在表单上使用preservescroll？它适用于链接的删除功能，但我无法让它在表单或 div 上工作。 <template> <form @submit.prevent="update"> <div @change="update"> <input v-model="form.description" type="text" /> <input v-model="form.amount" type="text" > <select v-model="form.frequency"> <option>Weekly</option> <option>Monthly</option> <option>Quarterly</option> <option>Yearly</option> </select> <Link :href="`/budget/${props.budget.id}`" method="DELETE" as="button" preserve-scroll>&nbsp Delete</Link> </div> </form> </template> <script setup> import { useForm } from '@inertiajs/vue3' import { Link } from '@inertiajs/vue3' const props = defineProps({ budget: Object, }) const form = useForm({ id: props.budget.id, description: props.budget.description, amount: props.budget.amount, frequency: props.budget.frequency, }) const update = () => { form.put(`/budget/${props.budget.id}`); } </script> 您可以尝试在更新功能上放置保留滚动。像这样的东西：常量更新 = () => { form.put(/budget/${props.budget.id}, { 保留滚动：true }); }

laravel vue.js scroll inertiajs

回答 1 投票 0

带有 StickyHeadersTable 的 Flutter Web 应用程序既不垂直也不水平滚动

这是我的代码：孩子：大小框（宽度：MediaQuery.of(context).size.width * 0.95，高度：MediaQuery.of(context).size.height * 0.6, 子项：StickyHeadersTable( columnsLength: numeroColanne, 行长：

flutter scroll

回答 1 投票 0

Div 滚动使 padding-bottom 消失

我有一个具有以下结构的网站：成分我有一个具有以下结构的网站： <div class="main-outer"> <div class="main-inner"> <div class="test"> components </div> </div> </div> div 'test' 调用不同的组件。我正在尝试使其高度响应，这样如果组件具有“高度：100％”，它应该随着屏幕的增长而增长。但是，如果我在组件中设置最小高度，则滚动（来自 main-outer div）应该从该高度出现。我的问题是：当屏幕达到该最小高度时，我在'主内部类'中设置的填充底部（或边距）消失......我该如何解决这个问题？我这里有一个例子： https://jsfiddle.net/4o1j2zmn/1/ 编辑：我需要比“测试”的div更高的边距，因为当我调用许多组件时，我想让边距成为全局的我检查了你的代码，我认为“.main-outer”填充工作正常。这是“.main-inner”边距和“.test”类的固定高度的问题。我已将您的边距属性从“.main-inner”转移到“.test”类，并将“.test”高度设置为自动，以便它将根据内容进行调整，并显示距父容器外边缘的边距。请检查并尝试以下代码片段： .main-outer { padding: 0 50px; height:100vh; overflow-y: auto; overflow-x: hidden; background-color: blue; } .main-inner { height: 100%; box-sizing: border-box; } .test{ display: block; content: ''; height: auto; background-color: red; margin: 50px 0 50px 0; } <div class="main-outer"> <div class="main-inner"> <div class="test"> http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ </div> </div> </div> 对于任何在未来遇到这个问题的人来说，对我有用的修复方法是删除显式的 .main-inner 的 height: 100%;。注意：min-height: 100%;似乎也会导致同样的问题。 .main-outer { padding: 0 50px; height:100vh; overflow-y: auto; overflow-x: hidden; background-color: blue; } .main-inner { /* height: 100%; */ box-sizing: border-box; } .test{ display: block; content: ''; height: auto; background-color: red; margin: 50px 0 50px 0; } <div class="main-outer"> <div class="main-inner"> <div class="test"> http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ http://www.himanshu-joshi.com/ </div> </div> </div>

html css scroll height padding

回答 2 投票 0

如何在flutter中禁用PageView中特定方向的滚动

我是 Flutter 新手，正在学习 Pageview。在我的应用程序中，我制作了一个入门屏幕。有没有办法禁用特定方向的滚动？我想要实现的是用户

flutter scroll flutter-pageview

回答 5 投票 0

使菜单在较小的水平移动屏幕上可滚动

当您将鼠标悬停在父菜单项上时，我的菜单会显示一系列链接。为了使我的网站在移动设备上运行良好，我决定采用更具响应性的设计方法......

html css scroll menu

回答 1 投票 0

使用 CSS 检查滚动

我正在尝试创建一个纯 100% CSS（无 jQuery）“返回顶部”按钮，但我希望该按钮仅在访问者向下滚动页面时显示。是否可以用 CSS 来检查这一点？...