滚动页面时Jquery SlideUp

时间:2012-04-20 10:47:57

标签: javascript jquery slideup

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

由于

2 个答案:

答案 0 :(得分:1)

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

    });     
</script>

答案 1 :(得分:1)

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>​