Вопросы Теги

Как показать отделение, когда пользователь достигает конца страницы?

Когда пользователь прокручивает к концу страницы, я хочу показать некоторое отделение с jQuery, конечно. И если пользователь прокручивает назад ему вершину, отделение постепенно исчезает. Таким образом, как вычислить область просмотра (или независимо от того, что правильное имя), :)

Спасибо

9
задан Kenan 4 May 2010 в 19:13
поделиться

2 ответа

Это должно заставить вас начать:

<!doctype html>
<html lang="en">
    <head>
        <title>SO question 2768264</title>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
            $(document).ready(function() {
                $(window).scroll(function() {
                    if ($('body').height() <= ($(window).height() + $(window).scrollTop())) {
                        alert('Bottom reached!');
                    }
                });
            });    
        </script>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>
        <p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p
        <p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p
        <p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p
        <p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p<p>p
    </body>
</html>

Это предполагает, что body имеет margin равный 0. В противном случае вам нужно будет добавить верхнее и нижнее поле к $('body').height().

13
ответ дан 4 December 2019 в 08:51
поделиться

$(document). scrollTop() должна дать вам положение полосы прокрутки. Вы сверяете ее с высотой документа. Затем вводите или выводите div.

2
ответ дан 4 December 2019 в 08:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: