HTML滚动条平滑移动,js滚动条平滑移动示例代码

本文实例为大家分享了js滚动条平滑移动相关代码，供大家参考，具体内容如下

html页

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

如果有人说自己得到了真理，对不起，请恕鄙人无法相信。原因就不多谈了，这种拿真理吹牛逼的行为

js页

var body, back, container, main,bt; //dom

window.onload = function () {

domload();

dominit();

events();

};

var domload = function () {

body = document.body;

back = $("back");

container = $("container");

main = $("main");

bt = $("bt");

};

var dominit = function () {

setH(back, screenH);

setH(container, screenH);

setH(main, screenW);

};

var events = function () {

AddEvent(bt, EventsType[0], function () {

var speed = 10;

var min = 0,max = 449;

var scrolldown = function () {

min += speed;

if (min < max) {

container.scrollTop = min;

setTimeout(scrolldown, 4);

}

};

setTimeout(scrolldown, 100);

});

};

css页

* {

margin:0px;

padding:0px;

}

#back {

position: absolute;

width: 100%;

top: 0px;

left: 0px;

z-index: 1;

background-image: url('../Images/psbg/bg7.png');

}

#container{

position:absolute;

width:100%;

top:0px;

left:0px;

z-index:100;

overflow:auto;

}

#main{

position:absolute;

width:100%;

top:0px;

left:0px;

}

.d{

margin-top:50px;

}

#bt{

position:absolute;

top:0;

right:50px;

z-index:200;

}

以上就是本文的全部内容，希望对大家的学习有所帮助。