javascript - 滚动页面时的Jquery SlideUp

Question

当用户在 Jquery中滚动页面时，有什么方法可以滑动一个元素。

谢谢

Answer 1

<script>
    $(function() {
        $(window).scroll(function(){
            $('#Your element id').slideUp('slow');
        });

    });     
</script>

Answer 2

jsfiddle

试试这个。

<style>
#container {
    height:2000px;
    border:1px solid #000;
}


#imgContainer {
    position:relative;
}​
</style>

<script>
$(document).ready(function(){
    $(document).scroll(function() {
        var scrollTop = $(document).scrollTop();
        $("#imgContainer").animate({top:scrollTop+"px"},1000);
    });​
});​
</script>

<!-- making big to allow for scrolling -->
<div id="container">
    <div id="imgContainer"><img src="http://dummyimage.com/300x100/000000/ffffff&text=Watch+Me+Move">
    </div>
<div>​