Question

我在一段时间前就发现了这一点,现在我可以这样做。我想找到一些东西,如pple店的购物车,它带有一小块,没有固定的绝对位置,例如,我要说,它坐在屏幕的中心,而只有当你 s下时,它只能走到浏览器头的人的边境......。

我不敢确定一米是否清晰。我进行了搜身,但我发现的是 c的位置。

你们能否帮助我,或者说什么?

最佳方面

Answer 1

仓库使用以下设备:

div.cto div.slider-content {
    height: 100%;
    overflow: visible;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 169px;
}

div.cto div.pinned_top div#secondary {
    position:absolute;top:0;right:0;
}

div.cto div.floating div#secondary {
    position:fixed;top:0;
}

用javascript的话来说,干.的类别从胎头换成滚动。

About:

To determine the number of pixels scrolled: $( html ).scrollTop()
To listen to scroll events: http://api.jquery.com/scroll/

Answer 2

这份备忘录确切表明,你正在寻求:

。

这里是指与杂草的关联:

https://github.com/bigspotteddog/ScrollToFixed”rel=“nofollow”https://github.com/bigspotteddog/ScrollToFixed

我假设你的话是,你“......没有机会来证明这一点”,因为你不知道 j。如果我错了,请让我说。页: 1

Here is the usage:

<head>
    <script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-scrolltofixed.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $( #cart ).scrollToFixed({ marginTop: 10 });
        });
    </script>
</head>

对你指定的内容作准。

Answer 3

May be it is helpful to you. This is new approach with css3. use position:sticky to follows the scroll.

Here is the article explained.

http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

http://jsbin.com/omanut/2“rel=“nofollow”

rel=“nofollow”>

Answer 4

The problem is with those divs that have height greater than the visible area height. So I wrote the script below.
Put the sidebar id that you want and the id of the div that will stop the div following, like the footer. You will notice how useful this function is if the div has greater height than the window. I don t know why, but it works great only as inline javascript, not external.

$(function () {
var $sidebar = $("#sidebar"),
        $window = $(window),
        offset = $sidebar.offset(),
        topPadding = 5,
        $stopelement = $("#footer");

var lastScrollTop = 0;

$window.scroll(function () {
    if ($window.width() > 750) {
        if ($window.scrollTop() > lastScrollTop) {
            //down
            var addtotopposition = ($window.scrollTop() + $window.height()) - ($sidebar.height() + offset.top) + topPadding;
            if ($window.scrollTop() + $window.height() > offset.top + $sidebar.height()) {
                if (offset.top + addtotopposition + $sidebar.height() < $stopelement.offset().top) {
                    $sidebar.stop().animate({
                        marginTop: addtotopposition
                    });
                }
            } else {
                $sidebar.stop().animate({
                    marginTop: 0
                });
            }
        } else {
            //up
            var offset_top = offset.top + parseInt($sidebar.css("margin-top"));
            //console.log(offset_top + " + " + topPadding + ">" + $window.scrollTop());
            if (offset_top + topPadding > $window.scrollTop()) {
                var addtotopposition = Math.max($window.scrollTop() - offset.top + topPadding, 0);
                //console.logconsole.log(offset_top + "-" + addtotopposition + ">0");
                if (offset_top - addtotopposition > 0) {
                    $sidebar.stop().animate({
                        marginTop: addtotopposition
                    });
                } else {
                    $sidebar.stop().animate({
                        marginTop: 0
                    });
                }
            }
        }
    } else {
        $sidebar.stop().animate({
            marginTop: 0
        });
    }
    lastScrollTop = $window.scrollTop();
});

});

友情链接