除非用户向上滚动,否则保持溢出div滚动到底部

我有一个只有300像素大的div,我希望它在页面加载时滚动到内容的底部。此div动态添加了内容,需要一直向下滚动。现在,如果用户决定向上滚动,我不希望它跳回底部,直到用户再次向下滚动为止

是否可能有一个div会一直滚动到底部,除非用户向上滚动,并且当用户向后滚动到底部时,即使添加了新的动态内容,它也需要将自己保持在底部。我该如何去创造这个

我只能用CSS来实现这一点

诀窍是使用display:flex和弯曲方向:柱反向

浏览器将底部视为顶部。假设您针对的浏览器支持flex-box,唯一需要注意的是标记的顺序必须相反

下面是一个工作示例。https://codepen.io/jimbol/pen/YVJzBg

发表评论