如果div没有徘徊,如何滚动div

时间:2015-03-23 20:01:37

标签: jquery scroll mousewheel

我有一个固定的div,窗口宽度的宽度为40%,可以滚动,但只有悬停在它上面。有没有办法让它可以滚动,即使我没有徘徊它?

在这种情况下,mousewheel会帮助我吗?

这是一个小提琴:http://jsfiddle.net/1ekcbpvr/

<div class="wrapper">
    <div class="fullwidth"></div>
    <div class="gallery">
        <div class="img"></div>
        <div class="img"></div>
        <div class="img"></div>
        <div class="img"></div>
        <div class="img"></div>
    </div>
</div>

.wrapper{
    width: 700px;
    height: 500px;
    position: relative;
    display: inline-block;
}

.fullwidth{
    width: 100%;
    height: 100%;
    background: green;
    display: inline-block;
}
.gallery{
    width: 40%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    overflow-y: scroll;
}
.img{
    width: 100%;
    height: 250px;
    display: inline-block;
    background: red;
}

1 个答案:

答案 0 :(得分:0)

您可以使用.scrollTop.scrollLeft

$('.myDiv').animate({scrollTop: 200 }, 1000);

实施例

http://jsfiddle.net/n9f3d0oa/