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

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

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

html:

<div class="head_title" id="tabMenu">
    <div class="head_title_div">
        <div class="head_title_now" ng-click="openTap(0)">滑块一</div>
        <div class="" ng-click="openTap(1)">滑块二</div>
        <div class="" ng-click="openTap(2)">滑块三</div>
        <div class="" ng-click="openTap(3)">滑块四</div>
    </div>
</div>

js:

$("#tabMenu").scrollLeft(0);
$("#tabMenu").scrollLeft(1000);
//滚动1000px
$("#tabMenu").scrollLeft(document.body.clientWidth/3);
//滚动到屏幕1/3宽度的地方
$("#tabMenu").scrollLeft(document.body.clientWidth);
//滚动到屏幕最右侧宽度的地方
发布了4 篇原创文章 · 获赞 4 · 访问量 7065

猜你喜欢

转载自blog.csdn.net/Ivan_Jin_666/article/details/84567937