通过改变scrollTop使元素滚动

.gift{background: red;width: 100px;height: 200px;overflow: hidden;}

<div class="gift">
    <p>2</p>
    <p>2222</p>
    <p>2222</p>
    <p>233333</p>
    <p>24444</p>
    <p>25555</p>
    <p>26666</p>
    <p>26666342356</p>
    <p>265y34757</p>
    <p>2</p>
    <p>2222</p>
    <p>2222</p>
    <p>233333</p>
    <p>24444</p>
    <p>25555</p>
    <p>26666</p>
    <p>26666342356</p>
    <p>265y34757</p>
</div>

$(window).click(function(){
        var gift = $(".gift")[0];
        //gift.style.height = gift.offsetHeight - 20 + 'px';// 改变元素的高度
        gift.scrollTop += 2;
    });

 注意设置元素overflow:hidden;