Всем доброго времени суток.
У меня имеется следующий код.
Пример 1
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
| <!-- Возможность листать таблицу влево и право -->
<style>
table
{
display: block;
overflow: scroll;
max-width: 100%;
overflow-y: hidden;
}
</style>
<br>
<table border="1">
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
<th>13</th>
<th>14</th>
<th>15</th>
<th>16</th>
<th>17</th>
<th>18</th>
<th>19</th>
<th>20</th>
<th>21</th>
<th>22</th>
<th>23</th>
<th>24</th>
<th>25</th>
<th>26</th>
<th>27</th>
<th>28</th>
<th>29</th>
<th>30</th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
<th>13</th>
<th>14</th>
<th>15</th>
<th>16</th>
<th>17</th>
<th>18</th>
<th>19</th>
<th>20</th>
<th>21</th>
<th>22</th>
<th>23</th>
<th>24</th>
<th>25</th>
<th>26</th>
<th>27</th>
<th>28</th>
<th>29</th>
<th>30</th>
</table> |
|
Пример 2
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <section class="card">
<div class="card--content">...</div>
<div class="card--content">111111</div>
<div class="card--content">...</div>
<div class="card--content">222222</div>
<div class="card--content">111111</div>
<div class="card--content">...</div>
<div class="card--content">222222</div>
<div class="card--content">...</div>
<div class="card--content">111111</div>
<div class="card--content">...</div>
<div class="card--content">222222</div>
<div class="card--content">...</div>
<div class="card--content">111111</div>
<div class="card--content">...</div>
<div class="card--content">222222</div>
<div class="card--content">...</div>
<div class="card--content">111111</div>
<div class="card--content">...</div>
<div class="card--content">222222</div>
<div class="card--content">...</div>
<div class="card--content">111111</div>
<div class="card--content">...</div>
<div class="card--content">222222</div>
<div class="card--content">...</div>
</section>
<style>
.card {display: flex}
.card {overflow-x: auto;}
</style> |
|
Я бы хотел бы, что бы скролинг был автоматически, то влево до конца, то вправо до конца.
Желательно медленно.
Я давным давно где то находи подобные код, который привязывал изменение ползунка по оси Y с течением времени, то сюда то обратно, вот вот второй день ищу и ничего найти не могу...
Сожет кто подскажет как это делать?
Заранее большое человеческое спасибо =)
(
