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

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

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

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

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

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

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

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

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

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

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

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

Gudwinn, нет прокрутки почему-то...

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

У Вас что то не то с настройками браузера, подчистую кэш почистил везде, и во всех браузерах всё работает как надо. Вы случаем не в 6 эксплорере смотрите ?

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

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

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

Оно? http://counsellor.in.ua/test/block/

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

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

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

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

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

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

Отправлено спустя 4 минуты 29 секунд:

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

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

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

Пока видится такое решение, под различные точки останова, пихать контент в секции корректно в зависимости от точки останова (солько то Х на сколько то), а дивы секций (фон) будут автоматом принимать размер экрана, пока только такой выход видится. Кстати в моём решении контент не сползает, и вообще никак не изменяется, просто получается если фон секции допустим синий, то у пользователя с большой высотой экрана, выглядит как большой сплошной синий экран, и ближе кверху контент, хотя на стандарте, контент примерно по середине, я думаю подстройкой под точки останова, можно это преодолеть.

Попробуйте :-):

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

пока вроде всё работает отлично! По моему самое оптимальное решение получилось, видел у Музы виджеты такие реализованы, но там через раз и с тормозами конкретными прокрутка осуществляется.

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

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

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

Привет!) Чё это я профессор? Профессор ты, а я так, выскочка... :-):

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

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

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

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

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

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

Вы мне короче за суперслйдшоу во фрейме мстите я так понял :co_ol:

Отправлено спустя 12 минут 27 секунд:
Кстати только заметил, и скролит в последней по крайней мере мазиле, только в одну сторону -вниз. :-):

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

Добро пожаловать на форум!