jQuery內容橫向拖拽滾動

2022-05-13 03:40:54 字數 635 閱讀 7512

如果有業務需求:使用橫向滾動,而又不想用滾動條,可以使用橫向拖拽滾動,主要是利用元素的scrollleft特性;

廢話不多說直接上**;

css:

.box

.box-container

.box-container a.mumber

html結構:

person1

person2

person3

person5

person6

person7

person8

person9

person10

person11

person12

person13

person14

person15

person16

person17

person18

person19

person20

person21

person22

jquery**

PC端內容橫向滾動效果

想要實現的效果如下 首先要有乙個大的div,裡面包裹的內容可以左右移動。開始以為是很複雜的操作,查了相關資料發現很簡單,只需要操作css,都不需要自己寫js class scrollbox 的塊就是最外層的包裹塊 class blockdiv 的塊是通過v for迴圈產生多個 v if showbl...

Swiper內容超出新增橫向 縱向滾動

在使用swiper做移動端內容切換時,有些swiper slide節點中的內容超出節點的寬度或高度,想要在swiper slide節點中新增滾動條,當滾動條滾動到節點的頂部 左側時切換上乙個swiper slide節點,當滾動條滾動到節點的底部 右側時切換下乙個swiper slide節點,要腫麼實...

Swiper 內容超出新增橫向 縱向滾動

在使用swiper做移動端內容切換時,有些swiper slide節點中的內容超出節點的寬度或高度,想要在swiper slide節點中新增滾動條,當滾動條滾動到節點的頂部 左側時切換上乙個swiper slide節點,當滾動條滾動到節點的底部 右側時切換下乙個swiper slide節點 首先要設...