Форум программистов, компьютерный форум, киберфорум
HTML5: мобильные приложения
Войти
Регистрация
Восстановить пароль
 
1 / 1 / 4
Регистрация: 12.02.2014
Сообщений: 117
1

Автоматический скролинг верх и вниз

12.05.2020, 08:26. Просмотров 2739. Ответов 0

Всем доброго времени суток.

У меня имеется следующий код.

Пример 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 с течением времени, то сюда то обратно, вот вот второй день ищу и ничего найти не могу...

Сожет кто подскажет как это делать?

Заранее большое человеческое спасибо =)
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
12.05.2020, 08:26
Ответы с готовыми решениями:

Не работает автоматический скролинг вниз страницы.
Я делаю автоматический скролинг в низ страницы на жабе var scroll =...

Как редактировать скролинг вниз?
При клике на кнопку меню контакты страница настолько далеко скролится вниз что футер(и вообще почти...

Меню выпадает в верх, а не вниз
Собственно начал осваивать css и хотел сделать выпадающие меню, внезапно получилось так, что...

Движение вниз, верх (не очень гениальный вопрос)
Всем доброго доброго времени суток. Вот я решил поэкспериментировать над движением точки....

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
12.05.2020, 08:26

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Создать свой компонент(кнопку) которая при наведении на него указателя мыши совершает прыжки верх и вниз
Кнопка должна не бегать а прыгать верх вниз(когда ты навел курсор на нее, а после того как ты...

Перехват события нажатия клавиш "верх/вниз"
Здравствуйте! Возможно ли перехватить событие нажития клавиш &quot;вверх/вниз&quot; в edit'e? И если да, то...

Автоматический перенос на 2 строки вниз в конце каждой строки документа
Доброго времени суток. Работаю с архивом фотографий, есть вакуумная директория с N-ым кол-вом...

Когда делаю прокрутку мыши вниз она крутит страницу вниз и отдача идёт чуть вверх как исправить?
Когда делаю прокрутку мыши вниз она крутит страницу (в интернете) вниз и отдача идёт чуть вверх как...

Скролинг
Добрый день. У меня на форме имеется две панели, panel1, panel2. panel1 находиться внутри panel2 и...

скролинг
Здравствуйте, подскажите пожалуйста, как сделать много-уровненный скролинг по типу как этом сайте,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.