Question

我有这个代码从上到下移动框滚动，但我想反转它，而不是从上到下我想从下到上移动它。这是我的代码人员：

<script type="text/javascript">
            $(document).ready(function() {
                $(window).scroll(function() {
                    var x = $(document).scrollTop();
                    var wh = $(window).height();
                    console.log($(document).scrollTop());
                    $('.box').css('top', x);
                });
            });
</script>

更新CSS：

body {
                background-image:url('bg.jpg');
                height: 20000px;
            }

            div {
                width: 50px;
                height: 50px;
                background: #f00;
                top: 0%;
                position: fixed;
            }

这个代码从上到下移动框，如何从下到上移动它？谢谢你们的回答。

Answer 1

如果我理解正确，您需要在向下滚动时从下到上移动框。希望这会有所帮助。

$(window).scroll(function() {
    var x = $(document).scrollTop();
    var dh = $(document).innerHeight();
    var offset = x/dh*100+'%';
    $('.box').css('bottom', offset);
});

http://jsfiddle.net/avDMJ/13/

Answer 2

如果你发布你的css代码会很好。

但这是一个提案：

$('.box').css('bottom', wh);

Jquery从下到上移动对象

2 个答案: