js控制div内部滚动内容横向滑动位置

js控制div内部滚动内容横向滑动位置

使用 js控制div内部的滚动内容横向滑动,主要应用在移动端,项目是基于angularJS,所以带有angular的点击方法ng-click,可以用原生js替换,在点击对应的滑块时,滑块对应的div进行滑动,配合swiper使用更好。

html:

滑块一
滑块二
滑块三
滑块四

js:

$("#tabMenu").scrollLeft(0);
$("#tabMenu").scrollLeft(1000);
//滚动1000px
$("#tabMenu").scrollLeft(document.body.clientWidth/3);
//滚动到屏幕1/3宽度的地方
$("#tabMenu").scrollLeft(document.body.clientWidth);
//滚动到屏幕最右侧宽度的地方

你可能感兴趣的:(js,div)