我正在制作无休止的页面,即。当用户滚动到页面末尾时,我在底部加载了更多内容(确切地说,我将加载博客文章),这部分完成了,但是.....

我的雇主要求我添加一个滑动功能,以指示和显示刚添加的部分新帖子。我的问题是,当我向上滑动“ 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/

10-09 09:41