18910140161

如何通过`scrollto()`禁用加载页面的效果?

顺晟科技

2021-08-09 11:20:59

135

许多网页在用户滚动页面时加载其内容。当滚动到达页面底部时,页面的全部内容将显示在屏幕上。

<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

在上面的示例中,据我所知,div的高度可能会影响滚动滚动的需要,以便完全显示p的内容。考虑p表示网站的全部内容。

是否可以一次加载站点的所有内容,从而无需使用JS的scrollTo()方法?


顺晟科技:

我假设您希望预加载页面,因此当使用scrollTo()方法时,页面的所有内容都将被加载,而不是空的。 可以使用<link>元素的rel属性的<link>值预加载。
参考资料: https://developer.mozilla.org/en-us/docs/web/html/link_types/preload

<link rel="preload" href="FILE_TO_PRELOAD.jpeg" as="image OR script OR style">
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航