Как добиться такого еффекта прокрутки?

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
kylhavets
Интересующийся
Интересующийся
Сообщения: 36
Зарегистрирован: 04 май 2014, 19:01
Версия Web Builder: 9.1.3

Как добиться такого еффекта прокрутки?

Сообщение kylhavets » 09 июл 2015, 14:28

Помогите народ!
Нужно сделать такую прокрутку как на сайте http://allors.ru/
подскажыте варианты...
Спасибо!

Реклама
Аватара пользователя

Alex
Admin
Admin
Сообщения: 3467
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 12.5
Имя: Алексей
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение Alex » 09 июл 2015, 14:57

Скроллинг страницы блоками http://shop.wysiwygwebbuilder.ru/index. ... duct_id=83
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1395
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Как добиться такого еффекта прокрутки?

Сообщение Конструкторщик » 09 июл 2015, 22:40

Alex писал(а):Скроллинг страницы блоками http://shop.wysiwygwebbuilder.ru/index. ... duct_id=83

Не Алекс,эт не то.
Там размер фона автоматом под экран подгоняется,уменьшай браузер как хочешь,все равно блок будет в размер браузера.

Аватара пользователя

KINEGE
Интересующийся
Интересующийся
Сообщения: 46
Зарегистрирован: 08 май 2013, 17:08
Версия Web Builder: 12.5
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение KINEGE » 20 янв 2016, 05:31

Делай слои, настраивай размер min и max (width и heigh), ставь первый основной слой, а остальные скрывай, в свойствах настраивай события (onwheel) основной слой скрыть, а следующий показать и так делаешь на остальные
коддинг головного мозга

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 05:44

Вот мой пример работы скрипта, завтра удалю с сервака: http://blok.offershop.ru/ Объяснять ничего не буду, кому надо тот поймёт.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

igorweb
Продвинутый
Продвинутый
Сообщения: 312
Зарегистрирован: 29 дек 2015, 20:16
Версия Web Builder: 12.0.0
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение igorweb » 20 янв 2016, 09:14

Gudwinn, нет прокрутки почему-то...
Разработка красивых и современных сайтов на заказ

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 10:44

У Вас что то не то с настройками браузера, подчистую кэш почистил везде, и во всех браузерах всё работает как надо. Вы случаем не в 6 эксплорере смотрите ?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

igorweb
Продвинутый
Продвинутый
Сообщения: 312
Зарегистрирован: 29 дек 2015, 20:16
Версия Web Builder: 12.0.0
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение igorweb » 20 янв 2016, 11:04

Пользуюсь Firefox (последняя версия) - в нем нет прокрутки. В Хроме и Опере работает.
Разработка красивых и современных сайтов на заказ

Аватара пользователя

Mavik
Опытный
Опытный
Сообщения: 754
Зарегистрирован: 29 июн 2012, 02:14
Версия Web Builder: 11.0.1

Как добиться такого еффекта прокрутки?

Сообщение Mavik » 20 янв 2016, 11:16

If you are right - no one remember!
If you are wrong - no one forgets!

Аватара пользователя

igorweb
Продвинутый
Продвинутый
Сообщения: 312
Зарегистрирован: 29 дек 2015, 20:16
Версия Web Builder: 12.0.0
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение igorweb » 20 янв 2016, 11:32

Mavik писал(а):Оно?

Я так понимаю человеку нужно было чтобы автоматом подстраивалось под высоту экрана + скролинг был не только при нажатии на пункт меню, но и при скроле мышкой. В Вашем примере по-другому.
Разработка красивых и современных сайтов на заказ

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 12:44

Мавик, у Вас тоже самое, что и в предыдушем решении у меня, и точно так же в мазиле не пашет. В данный момент я разрешил эту проблему, сделал так, что теперь и в мазиле работает, более того, сделал так, что бы секции автоматически растягивались на 100% высоты экрана, не вызывая при этом искажений и глюков в содержимом секций. Буду в расширение запихивать скорее всего, так что сорри парни, исходники пока приторможу))) Игорь спасибо, что обратили моё внимание на мазилу. У мозилы после обновления поменялись опции прокрутки, в старой работало вроде как раньше...
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1126
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение gladiolus0707 » 20 янв 2016, 13:18

По запросу эфекта прокрутки Алекс написал решение, эфект тот же. А то что адаптивную вёрстку приписали туда впилить, тут уж наврятли получится. Там адаптивка, и если хотите, чтобы размер картинки менялся в зависимости от размера экрана, то не забудьте про то, что весь контент тоже должен меняться иначе всё будет сползать.

Отправлено спустя 4 минуты 29 секунд:
Gudwinn писал(а):Источник цитаты что бы секции автоматически растягивались на 100% высоты экрана

Пытались внедрить такое решение:
1. Будут пихать изображения маленькие, расширение будет их растягивать и выдавать жуткую картинку. Начнут возмущаться и задалбывать, что не правильно работает и картинку 100*100 не отображает нормально на расширении 1920*1080 и т.д.
2. Контент будет сползать.
Хотя может Вам удастся воплотить такое, будет здорово.
Вставай рано, работай до поздна и.... найдешь нефть!

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 13:34

Пока видится такое решение, под различные точки останова, пихать контент в секции корректно в зависимости от точки останова (солько то Х на сколько то), а дивы секций (фон) будут автоматом принимать размер экрана, пока только такой выход видится. Кстати в моём решении контент не сползает, и вообще никак не изменяется, просто получается если фон секции допустим синий, то у пользователя с большой высотой экрана, выглядит как большой сплошной синий экран, и ближе кверху контент, хотя на стандарте, контент примерно по середине, я думаю подстройкой под точки останова, можно это преодолеть.
Последний раз редактировалось Gudwinn 20 янв 2016, 13:41, всего редактировалось 2 раза.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1126
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение gladiolus0707 » 20 янв 2016, 13:39

Попробуйте :-):
Вставай рано, работай до поздна и.... найдешь нефть!

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 14:20

пока вроде всё работает отлично! По моему самое оптимальное решение получилось, видел у Музы виджеты такие реализованы, но там через раз и с тормозами конкретными прокрутка осуществляется.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1395
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Как добиться такого еффекта прокрутки?

Сообщение Конструкторщик » 20 янв 2016, 15:21

Gudwinn писал(а):Источник цитаты Буду в расширение запихивать скорее всего

Привет профессор!
Ты бы видео залепил как свои расширения делать.
Я так и не понял как это делается.

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 15:47

Привет!) Чё это я профессор? Профессор ты, а я так, выскочка... :-):
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1126
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Как добиться такого еффекта прокрутки?

Сообщение gladiolus0707 » 20 янв 2016, 16:36

Здесь гдето в архивах форума там где програмулина по расширениям и мануал помоему есть. Поищите.
Вставай рано, работай до поздна и.... найдешь нефть!

Аватара пользователя

Mavik
Опытный
Опытный
Сообщения: 754
Зарегистрирован: 29 июн 2012, 02:14
Версия Web Builder: 11.0.1

Как добиться такого еффекта прокрутки?

Сообщение Mavik » 20 янв 2016, 18:30

Gudwinn писал(а):Мавик, у Вас тоже самое, что и в предыдушем решении у меня, и точно так же в мазиле не пашет. В данный момент я разрешил эту проблему, сделал так, что теперь и в мазиле работает, более того, сделал так, что бы секции автоматически растягивались на 100% высоты экрана, не вызывая при этом искажений и глюков в содержимом секций. Буду в расширение запихивать скорее всего, так что сорри парни, исходники пока приторможу))) Игорь спасибо, что обратили моё внимание на мазилу. У мозилы после обновления поменялись опции прокрутки, в старой работало вроде как раньше...

Проверил на:
Google Chrome
Mozilla Firefox
Edge
Vivaldi
Opera
Explorer
Safari
и везде всё ОК!
Подскажите - где не фурычит?! :nez-nayu:
If you are right - no one remember!
If you are wrong - no one forgets!

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1291
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как добиться такого еффекта прокрутки?

Сообщение Gudwinn » 20 янв 2016, 19:34

Так сейчас то понятно, Вы мой скрипт подмотали ( http://counsellor.in.ua/test/block/ups/jquery.block.js) (даже в расширение запихали), и подлатали, теперь в последней мозиле работает, а до этого, когда в HEAD был прописан скрипт, не работало в мозиле. Но растяжение слайдов на 100% высоты экрана без искажений, Вы так и не сделали, так что это "баловство" пока ещё у Вас. :-):
Вы мне короче за суперслйдшоу во фрейме мстите я так понял :co_ol:

Отправлено спустя 12 минут 27 секунд:
Кстати только заметил, и скролит в последней по крайней мере мазиле, только в одну сторону -вниз. :-):
Последний раз редактировалось Gudwinn 20 янв 2016, 19:39, всего редактировалось 2 раза.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость