Jquery将对象从下向上移动

Jquery move object from bottom to top

本文关键字：移动 对象 Jquery      更新时间：2023-09-26

我有这段代码可以将滚动框从上向下移动，但我想将其反转，而不是从上向下。这是我的代码人员：

<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;
            }

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

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

$(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/

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

但这里有一个建议：

$('.box').css('bottom', wh);
相关文章：