我正在制作无休止的页面,即。当用户滚动到页面末尾时,我在底部加载了更多内容(确切地说,我将加载博客文章),这部分完成了,但是.....
我的雇主要求我添加一个滑动功能,以指示和显示刚添加的部分新帖子。我的问题是,当我向上滑动“ posts-container”时,旧帖子(顶部)在固定标题下消失了。
这是更清晰的图片(请滚动到底部结果页面):http://jsfiddle.net/jlstr/D4BqN/
因此,总而言之。你们能教我如何制作一个显示所有帖子的布局(用于帖子),但防止它们在固定标题下消失吗?
在此先感谢您,并致以最诚挚的问候!
最佳答案
您应该自动向下滚动,而不要更改边距:http://jsfiddle.net/D4BqN/2/。
function $slide() {
$('body').animate({
scrollTop: '+=100'
}, 1000);
}
这也更加直观,因为您实际上想向下滚动到新帖子。 (您当前正在将元素向上移动,将其放置在固定标题的后面。)
关于javascript - 如何防止内容在固定标题下消失?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8101385/