Исправлена ​​кнопка «Наверх» в окне, которая видна, например, когда HTML-страница прокручивается на 200 пикселей.

Я работаю над веб-сайтом и мне интересно, есть ли какой-либо код, который я могу добавить к элементу «Исправлено в окне», который будет виден, например, после того, как посетитель прокрутит 200 пикселей.

Не удалось найти ничего конкретно для этого в любых других вопросах.

Ваше здоровье

Плохо, я нашел это, возможно, это то, что я ищу Используйте jQuery для отображения блока div только в том случае, если положение прокрутки находится между двумя точками. Поправьте меня если я ошибаюсь :-)


scroll html css visible
person Arthur Rigley    schedule 21.11.2012    source источник
comment
Вы хотите сказать, что не нашли точного решения своей проблемы. Вы должны хотя бы попробовать что-то и опубликовать то, что вы пробовали. Вы ожидаете, что кто-то сделает это за вас?   -  person Mihai Iorga    schedule 21.11.2012

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете определить позицию прокрутки с помощью j Query, а затем, если прокрутка перемещается, скрыть свой div. Ниже приведен пример кода. пожалуйста, просмотрите его и немного поработайте над ним в соответствии с вашими требованиями, он отлично работает со мной.

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
            <script type='text/javascript'>//<![CDATA[ 
            $(window).load(function(){
            $(function() {
                $.fn.scrollBottom = function() {
                    return $(document).height() - this.scrollTop() - this.height();
                };

                var $el = $('#sidebar>div');
                var $window = $(window);
                var top = $el.parent().position().top;

                $window.bind("scroll resize", function() {
                    var gap = $window.height() - $el.height() - 10;
                    var visibleFoot = 172 - $window.scrollBottom();
                    var scrollTop = $window.scrollTop()

                    if (scrollTop < top + 10) {
                        $el.css({
                            top: (top - scrollTop) + "px",
                            bottom: "auto"
                        });
                    } else if (visibleFoot > gap) {
                        $el.css({
                            top: "auto",
                            bottom: visibleFoot + "px"
                        });
                    } else {
                        $el.css({


                            //use your css property here if you want to display none a div
                            display: none,
                            bottom: "auto"



                        });
                    }
                }).scroll();
            });
            });//]]>  

            </script>
person manzoor    schedule 21.11.2012