Этот баннер — требование Роскомнадзора для исполнения 152 ФЗ.
«На сайте осуществляется обработка файлов cookie, необходимых для работы сайта, а также для анализа использования сайта и улучшения предоставляемых сервисов с использованием метрической программы Яндекс.Метрика. Продолжая использовать сайт, вы даёте согласие с использованием данных технологий».
Политика конфиденциальности
|
|
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
Здравствуйте. Хотел бы сделать себе на сайт сквозную прокрутку, чтоб страница не упиралась в конец а продолжалась началом страницы, желательно чтоб это работало и вниз и вверх. Прошу не пинать, я начинающий самоучка :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.03.2017, 13:35 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
big-duke, Задача сложнее чем решение в стаковерфлоу. Там происходит просто сброс скролла без стыка начала и конца. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 09.03.2017, 13:52 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
big-duke спасибо за ссылку, почитал через гуглпереводчик, как я понял этот вопрос там решили. Только я не совсем понял что за код и куда его писать, точнее я вообще не понял. Прошу разжевать кому не лень:) У меня сайт простенький, в таблицах html и css для шрифтов. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 09.03.2017, 14:00 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
big-duke спасибо, попробовал. Результат: Когда докручиваешь до конца перекидывает в начало, в обратную сторону не работает. не то что я хотел :( но все ровно спасибо. Надо чтоб прокрутка продолжалась дальше, но по кругу, снова начало станицы должно появляться. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 09.03.2017, 19:36 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
nazinss, дак там всё в коде , в общем то -хороший пример для освоения. https://learn.javascript.ru/ в помощь единственно - там завязано на колесе мыши, а при использовании ползунка скрола - глючит. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 10:35 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
Вадя а улучшить можно, чтоб не глючило при использовании ползунка скрола? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 12:10 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
Там то код написан, но я не совсем понял как внедрить это себе. Прошу объяснить кому не лень. Там какие то блоки, но у меня то в таблицах все. Предположительно надо засунуть содержимое моей страницы в эти блоки, но как это сделать правильно я не знаю. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 12:14 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
nazinss, ну там всё наглядно есть html, есть главный тег main, он разбит на секции. есть "буферные" секции. и логика описана на js. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 13:41 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
JC - это тоже отдельный файл как CSS ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 15:35 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
nazinssJC - это тоже отдельный файл как CSS ? https://learn.javascript.ru/ https://webref.ru/css https://webref.ru/html http://shpargalkablog.ru/p/html-css-javascript.html http://caniuse.com/ ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 16:55 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
насколько я понял это ЯВАСКРИПТ с этим я еще не сталкивался ( ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 17:15 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
в общем как я разобрался, js должен быть отдельным файлом, на него ссылка внутри каждой страницы как на css. Но переделать этот пример для себя я пока что не могу. Хелп! :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2017, 18:16 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
разбираюсь вот с этой ссылкой: https://codepen.io/vincentorback/pen/zxRyzj создал html документ вот с таким содержимым <html> <link href="test.css" rel="stylesheet" type="text/css"/> <body> <main class="Loop js-loop"> <section class="green"> <h1>One</h1> </section> <section class="red"> <h1>For</h1> </section> <section class="blue"> <h1>All</h1> </section> <section class="orange"> <h1>And</h1> </section> <section class="blue"> <h1>All</h1> </section> <section class="red"> <h1>For</h1> </section> <section class="green is-clone"> <h1>One</h1> </section> <section class="red is-clone"> <h1>For</h1> </section> </main> </body> </html> css тоже сделал, ссылка на нее в начале кода. Все это отображается корректно, как по ссылке. Но я не могу понять как тут этот скрипт подключить который в третьем окошке. Помогите люди, хотелось бы чтоб скрипт отдельным файлом был как css. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.03.2017, 12:24 |
|
||
|
ckroll по замкнутому кругу
|
|||
|---|---|---|---|
|
#18+
Разобрался как запустить то что по ссылке у себя на компе, все работает как надо. <html> <link href="test.css" rel="stylesheet" type="text/css"/> <body> <main class="Loop js-loop"> <section class="green"> <h1>1</h1> </section> <section class="red"> <h1>2</h1> </section> <section class="blue"> <h1>3</h1> </section> <section class="orange"> <h1>4</h1> </section> <section class="blue"> <h1>5</h1> </section> <section class="red"> <h1>6</h1> </section> <!-- These blocks are the same as the first blocks to get that looping illusion going. You need to add clones to fill out a full viewport height. --> <section class="green is-clone"> <h1>7</h1> </section> <section class="red is-clone"> <h1>8</h1> </section> </main> <script src="xxx.js"></script> </body> </html> как оказалось скрипт надо внизу прописывать. и ссылку на файл скрипта получилось сделать. Но теперь проблема в другом, как это применить для своего сайта. Не понятно что значит эта надпись в коде, она не видна на странице. <!-- These blocks are the same as the first blocks to get that looping illusion going. You need to add clones to fill out a full viewport height. --> Так же не видна вот эта последняя секция: <section class="red is-clone"> <h1>8</h1> </section> но если ее удалить - перестает работать. после экспериментов с кодом выяснилось что менять вообще ничего нельзя, class= тоже менять нельзя. как это модернизировать для себя не могу понять :( ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 12.03.2017, 10:13 |
|
||
|
|
start [/forum/topic.php?fid=22&msg=39417312&tid=1444718]: |
0ms |
get settings: |
8ms |
get forum list: |
10ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
56ms |
get topic data: |
9ms |
get forum data: |
2ms |
get page messages: |
55ms |
get tp. blocked users: |
1ms |
| others: | 12ms |
| total: | 159ms |
| 0 / 0 |
