1.使用js获取界面滚动的相对位置
var scrollFunc = function (e) {
var direct = 0;
e = e || window.event;
if(e.wheelDelta){
if(e.wheelDelta > 0){
//向上滚动
console.log(document.documentElement.scrollTop);
//获取当前相对顶部的位置
}
//向下滚动
if(e.wheelDelta < 0){
}
}else if(e.detail){
if(e.detail > 0){
console.log(document.documentElement.scrollTop);
}
if(e.detail < 0){
}
ScrollText(direct);
}
};
if(document.addEventListener){
document.addEventListener('DoMMouseScroll',scrollFunc,false);
}
window.onmousewheel = document.onmousewheel = scrollFunc;
2.js利用window对象滚动全屏至xy至(0,0)位置
//scrollTo() 方法可把内容滚动到指定的坐标
window.scrollTo(0, 0);
3.滚动缓慢效果,滚动到指定的坐标
此处可利用定时器操作
//每隔1ms执行一次方法flashTop
var nIntervId;
function changeTop() {
nIntervId = setInterval(flashTop, 1);
}
//获取界面windows对象,当检测到界面上升滑动时,试界面上移
function flashTop() {
var s = document.documentElement.scrollTop --;
if(s){
var s = document.documentElement.scrollTop --;
console.log(s+'flashTest');
}else{
stopTextColor();
}
}