Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ckroll по замкнутому кругу / 17 сообщений из 17, страница 1 из 1
07.03.2017, 13:35
    #39415455
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
Здравствуйте. Хотел бы сделать себе на сайт сквозную прокрутку, чтоб страница не упиралась в конец а продолжалась началом страницы, желательно чтоб это работало и вниз и вверх. Прошу не пинать, я начинающий самоучка :)
...
Рейтинг: 0 / 0
09.03.2017, 09:27
    #39416014
big-duke
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
...
Рейтинг: 0 / 0
09.03.2017, 13:52
    #39416186
ckroll по замкнутому кругу
big-duke,

Задача сложнее чем решение в стаковерфлоу. Там происходит просто сброс скролла без стыка начала и конца.
...
Рейтинг: 0 / 0
09.03.2017, 14:00
    #39416196
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
big-duke спасибо за ссылку, почитал через гуглпереводчик, как я понял этот вопрос там решили.
Только я не совсем понял что за код и куда его писать, точнее я вообще не понял.
Прошу разжевать кому не лень:) У меня сайт простенький, в таблицах html и css для шрифтов.
...
Рейтинг: 0 / 0
09.03.2017, 19:36
    #39416455
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
big-duke спасибо, попробовал.
Результат:
Когда докручиваешь до конца перекидывает в начало, в обратную сторону не работает. не то что я хотел :(
но все ровно спасибо.
Надо чтоб прокрутка продолжалась дальше, но по кругу, снова начало станицы должно появляться.
...
Рейтинг: 0 / 0
10.03.2017, 10:15
    #39416668
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
нашел вот что

https://codepen.io/vincentorback/pen/zxRyzj

помогите плиз разобраться :)
...
Рейтинг: 0 / 0
10.03.2017, 10:35
    #39416684
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
nazinss,

дак там всё в коде , в общем то -хороший пример для освоения.
https://learn.javascript.ru/ в помощь
единственно - там завязано на колесе мыши, а при использовании ползунка скрола - глючит.
...
Рейтинг: 0 / 0
10.03.2017, 12:10
    #39416784
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
Вадя а улучшить можно, чтоб не глючило при использовании ползунка скрола?
...
Рейтинг: 0 / 0
10.03.2017, 12:14
    #39416790
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
Там то код написан, но я не совсем понял как внедрить это себе.
Прошу объяснить кому не лень. Там какие то блоки, но у меня то в таблицах все.
Предположительно надо засунуть содержимое моей страницы в эти блоки, но как это сделать правильно я не знаю.
...
Рейтинг: 0 / 0
10.03.2017, 13:41
    #39416892
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
nazinss,
ну там всё наглядно
есть html, есть главный тег main, он разбит на секции.
есть "буферные" секции.
и логика описана на js.
...
Рейтинг: 0 / 0
10.03.2017, 15:35
    #39417026
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
JC - это тоже отдельный файл как CSS ?
...
Рейтинг: 0 / 0
10.03.2017, 16:55
    #39417090
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
...
Рейтинг: 0 / 0
10.03.2017, 17:15
    #39417109
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
насколько я понял это ЯВАСКРИПТ

с этим я еще не сталкивался (
...
Рейтинг: 0 / 0
10.03.2017, 17:24
    #39417118
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
вот кажется тоже что то похожее

http://jsfiddle.net/franckl/wszg1d6c/
...
Рейтинг: 0 / 0
10.03.2017, 18:16
    #39417152
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
в общем как я разобрался, js должен быть отдельным файлом, на него ссылка внутри каждой страницы как на css.

Но переделать этот пример для себя я пока что не могу.

Хелп! :)
...
Рейтинг: 0 / 0
11.03.2017, 12:24
    #39417312
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
разбираюсь вот с этой ссылкой: 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.
...
Рейтинг: 0 / 0
12.03.2017, 10:13
    #39417533
nazinss
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ckroll по замкнутому кругу
Разобрался как запустить то что по ссылке у себя на компе, все работает как надо.

<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= тоже менять нельзя.

как это модернизировать для себя не могу понять :(
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ckroll по замкнутому кругу / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]