Как сделать циклическую прокрутку страницы? - JavaScript, Ajax - Страница 2

nazinss · 11.03.2017, 17:19

Цитата:

Сообщение от Alex11223

Дык а в примере разве не так?

В примере (в первой таблице) вообще код урезанный, нет ни штмл ни боди.

Пример подразумевает что пользователь знает что с этим делать.

А я не знаю

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

Код HTML:

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

как это модернизировать для себя не могу понять

Alex11223 · 12.03.2017, 10:47

Цитата:

Сообщение от nazinss

как оказалось скрипт надо внизу прописывать

Да, или запускать его содержимое в onload, DOMContentLoaded и т.п.

Цитата:

Сообщение от nazinss

Не понятно что значит эта надпись в коде, она не видна на странице.
<!--

Комментарий.
Как // в JS/PHP.

nazinss · 12.03.2017, 18:53

Алекс пожалуйста подскажи как мне этот скрипт на мою страницу навесить?

Цитата:

Сообщение от Alex11223

Комментарий.
Как // в JS/PHP.

я знаю что комментарий. я не могу понять смысл этих слов (переводил онлайнпереводчиком). что имел в виду тот кто писал я не понял.

Naive · 14.03.2017, 09:08

Цитата:

Сообщение от nazinss

я знаю что комментарий. я не могу понять смысл этих слов (переводил онлайнпереводчиком). что имел в виду тот кто писал я не понял.

Учи инглиш, пригодится.

Цитата:

Эти блоки повторяют повторяют первые, в начале страницы, для создания иллюзии повторения прокрутки.
Тебе нужно сделать достаточное количество клонов, чтобы закрыть всю высоту вьюпорта

nazinss · 14.03.2017, 15:43

Спасибо, Капитан очевидность

Смотрю твоего внутреннего наива так и тянет еще по ликовать

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сенсорный экран. Как сделать плавную прокрутку списка?	DIMMUA	Общие вопросы Delphi	11	05.03.2015 18:42
сделать своеобразную прокрутку товаров	limon142	JavaScript, Ajax	2	08.11.2013 10:29
Как сделать переход по номеру страницы	vodoley213	WordPress и другие CMS	2	16.10.2013 15:21
При старте страницы, опустить полосу прокрутку вниз	_PROGRAMM_	JavaScript, Ajax	0	27.12.2009 18:45
Как сделать разрыв страницы печати по условию и узнать номер страницы	Leanna	Microsoft Office Excel	2	21.01.2008 06:59

14.03.2017, 15:43	#15
nazinss Регистрация: 07.03.2017 Сообщений: 8	Спасибо, Капитан очевидность Смотрю твоего внутреннего наива так и тянет еще по ликовать