两行的左右滚动动，js怎么做

Posted 2023-05-05

参考技术A

找个左右 js中间的部分 加换行<br> 试一下呢  一般不是很复杂的  这样都可以实现,给你个实例

<a href="images/work_01_big.jpg" class="pl" rel="lightbox[plants]" title="点击查看-临沂国际旅行社" ><img src="images/work_01.png" width="240" /></a>
<a href="images/work_02.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_02.png" width="240" /></a>
<a href="images/work_03.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_03.png" width="240" /></a>

<a href="images/work_01.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_01.png" width="240" /></a>
<a href="images/work_02.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_02.png" width="240" /></a>
<a href="images/work_03.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_03.png" width="240" /></a>
<br>
<a href="images/work_04.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_04.png" width="240" /></a>
<a href="images/work_05.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_05.png" width="240" /></a>
<a href="images/work_06.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_06.png" width="240" /></a>
<a href="images/work_04.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_04.png" width="240" /></a>
<a href="images/work_05.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_05.png" width="240" /></a>
<a href="images/work_06.png" class="pl" rel="lightbox[plants]" title="点击查看大图"><img src="images/work_06.png" width="240" /></a>

http://www.sentangle.com/sentangle-js-demo/index.html

去掉浏览器右侧动滚条宽度对页面的影响

 

 

昨天在深夜做项目时，遇见了个问题：

 

做的左右滚动的页面出现了 溢出，当时脑袋混，想了半天，也没找出问题，回去睡了一觉，今天早上醒来，猛然察觉到，可能是浏览器侧边栏滚动条，宽度的影响，所以在初始化js里添加上一行代码：

$("body").css("width", $(window).width());

搞定！

 

另，在css里也需要进行：

html,body{
    overflow-x: hidden;
}

的初始化。