javascript - ページがスクロールされたときのJquery SlideUp

Question

Jqueryでユーザーがページをスクロールしたときに、要素をslideUpできる方法はありますか?

ありがとう

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

Answer 2

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

    });     
</script>