html 手机页面左右滚动,网页实现左右滑动效果

滑动效果

/*function moveSearch(topValue){

var _top = document.getElementById("searchDiv").scrollTop;

for(i = 0; i < Math.abs(_top-topValue); i++){

if(_top < topValue){

document.getElementById("searchDiv").scrollTop += 1;

}else{

document.getElementById("searchDiv").scrollTop -= 1;

}

}

}*/

varmoveSearchFlag= false;varmoveSearchTimeAction= null;functionmoveSearch(topValue){if(moveSearchTimeAction!= null){

clearTimeout(moveSearchTimeAction);

}var_top=document.getElementById("searchDiv").scrollLeft;if(_top

document.getElementById("searchDiv").scrollLeft+=Math.round(Math.abs(_top-topValue)/2);

}else if(_top>topValue){

document.getElementById("searchDiv").scrollLeft-=Math.round(Math.abs(_top-topValue)/2);

}if(_top!=topValue){

moveSearchTimeAction=setTimeout("moveSearch("+topValue+")",30);

}else{

moveSearchTimeAction= null;

}

}

1111111111111111