parent.scrollTop = heightValue;如何缓慢滑动
时间: 2023-03-11 08:17:41 浏览: 61
缓慢滑动的方法可以是使用setInterval()方法,先将parent.scrollTop的值设定为0,然后每隔一段时间增加一次heightValue,直到parent.scrollTop达到heightValue为止。
相关问题
document.getElementById.scrollTop = 0不生效
根据引用和引用的内容,当使用`document.getElementById('elementId').scrollTop = 0`设置`scrollTop`为0时,有可能不会生效。这可能是因为在某些情况下,页面的滚动依赖于其他因素,并不仅仅是设置`scrollTop`为0。例如,引用中提到了使用`scroll.scrollHeight`来解决滚动问题。
此外,引用也提到了使用`setTimeout`来解决滚动问题。通过设置一个延时,可以确保在一定时间后再执行滚动操作,从而达到预期的效果。
因此,如果`document.getElementById.scrollTop = 0`不生效,可以考虑使用其他方法,如使用`scroll.scrollHeight`或使用`setTimeout`来延时执行滚动操作。根据具体情况选择适合的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue窗口无限滚动最下方,scrollTop一直为0无法设置解决](https://blog.csdn.net/qq_37063886/article/details/119954531)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [还在坑中。。。vue项目中,页面第二次刷新时,document.documentElement.scrollTop失效](https://blog.csdn.net/csm0912/article/details/104049440)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
.scrollTop = 0不生效
当设置`.scrollTop = 0`不生效时,可能有几个原因。首先,可能是因为给没有`scrollTop`属性的元素设置了该值。你可以通过`document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset`来获取正确的`scrollTop`值。其次,可能是因为浏览器的兼容性问题。不同浏览器对`scrollTop`属性的实现方式有所不同,导致设置不生效。另外,如果在获取元素的时候没有高度,即在数据请求后元素没有被撑开一定高度,那么设置`scrollTop`也不会生效。你可以在数据请求后,元素被撑开一定高度后再去重新获取元素并设置`scrollTop`。如果你是在Vue中使用,可以使用`$nextTick`方法来确保在DOM更新后再设置`scrollTop`的值。希望这些解释对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [为什么scrollTop设置后一直为0的解释和解决方案(精品)](https://blog.csdn.net/kouryoushine/article/details/99745904)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [scrollTop不生效的原因解决方法](https://blog.csdn.net/u010463466/article/details/123044187)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]