【问题标题】:How to stay in same scroll position when adding items to the top of a div?将项目添加到 div 顶部时如何保持相同的滚动位置?
【发布时间】:2020-06-24 16:39:53
【问题描述】:

我希望当用户从 div 的底部滚动到顶部时,将更多项目加载到该 div 到 div 的顶部,并且我想保持滚动位置(或者在添加之前确保顶部项目添加项目后仍然可以看到更多项目)

例如,如果我在顶部有项目 100 并且 100 多个项目已加载到 div 中,那么我希望项目 100 仍然是滚动位置的焦点,目前当我将项目添加到 div 时它会跳转到项目200...

我很想就这个问题获得帮助,在此先感谢 :)

【问题讨论】:

  • 在添加 100 个项目之前获取滚动偏移量并在添加后再次设置它。这是一种逻辑方式。尝试有简单的样品,我们可以帮助您实现

标签: javascript html css reactjs


【解决方案1】:

我发现这个答案很有用,我只是在 React 中创建了相同的逻辑 jquery - keep window from changing scroll position while prepending items to a list?

【讨论】:

    猜你喜欢
    • 2012-09-02
    • 2019-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-12
    • 1970-01-01
    • 2015-01-19
    • 1970-01-01
    相关资源
    最近更新 更多