JS scrollTo scrollBy

scrollTo scrollBy

#c {
    width:100px;
    height:50px;
    background:#eaf;
    position:fixed;
    right:0px;
    top:100px;
}
<div style="width:200px;margin:0 auto;height:auto;background:-moz-linear-gradient( top,#add,#eef); ">
    除了您已经在线性渐变中看到的起始位置,方向,和颜色,径向梯度允许你指定渐变的形状........我们主要通过不同的示例来对比CSS3径向渐变的具体用法
</div>
<div id="c">点击滚动</div>
<script type="text/javascript">
// 滚动到指定的位置  x  y
window.scrollTo(200, 400);

//按照指定的步进来滚动
c.onclick = function() {
    window.scrollBy(10,10);
    //启动定时器
    setInterval(function(){
        window.scrollBy(0,1);
    }, 30);
}
</script>

事件1: onresize

<script type="text/javascript">
    window.onresize = function(){
        console.log('222');
    }
</script>

事件2: onscroll

<body style="height:2000px;">
    <div style="height: 200px;width:100px;background:orange;position: absolute;right: 0px;top: 200px;"></div>
</body>
<script type="text/javascript">
    var div = document.getElementTagName('div')[0];
    window.onscroll = function(){
        // 获取当前窗口的滚动距离 
        var sT = document.documentElement.scrollTop;
        var newTop = sT + t;
        // 设置
        div.style.top = newTop + 'px';
    }
</script>