【发布时间】：2018-12-11 08:49:04
【问题描述】：
我的组件结构如下：
<Search>
<SearchField>
<Image>
<Summary>
<Suggestion>
</SearchField>
</Search>
<Product> <---- this changes depending on UI selection
<Result>
<Option>
<Filter> <----Here button click auto scrolls up
...
问题是当点击<Filter> 组件上的button 时，会打开一个modal，但下方的所有内容都会自动向上滚动。我需要停止这种行为。不知道怎么做。
由于组件太多，不确定具体需要在哪里设置以及如何设置？
我正在考虑将该子句应用于顶级组件'`。会是正确的吗？
需要在移动设备上停止自动向上滚动。
【问题讨论】：
-
您可以使用网站右下角的“滚动到顶部”按钮，这是一种常见的做法
-
还要注意开发工具的 Elements 选项卡，看看有哪些更新（我认为是粉红色闪烁），听起来您可能正在替换不应该替换的元素。这会导致浏览器滚动到顶部。它不会自行向上滚动。也可能是一些模态 css 或 js，这取决于它是如何实现的，例如溢出：隐藏。
-
你是对的。我看到
<body>样式从无变为style="overflow:hidden; position:fixed;"
标签： javascript vue.js scrolltop