Показать сообщение отдельно
  #1 (permalink)  
Старый 01.12.2016, 18:13
Новичок на форуме
Отправить личное сообщение для sana0563 Посмотреть профиль Найти все сообщения от sana0563
 
Регистрация: 01.12.2016
Сообщений: 2

Требуется создать небольшой скрипт для сайта
Т.з сайта
Помогите пожалуйста как правильно реализовать сайт (html + css)
Сам верстальщик знаю html css bootstrap js и jquery (немного)
Вот такая задача небольшой сайт 3 секции

1 секция
http://joxi.ru/EA4ZQLPHzYKWmb
тут первый экран все ок

2 секция она как первая но поменяется только контент
http://joxi.ru/Y2LE6zJHXzdGA6
надо чтобы фон, меню,человек остались неподвижно. Контент с первого экрана растворился и появился контент с второго экрана. При движении колесиком.
3 секция
http://joxi.ru/xAeOLgqh1K7Vmy
тут надо чтобы поменялся еще раз контент и растворился человек и появилась область с «табами» переключалки (там будет 3 вида контента) карта (1 экран), фото галерея(2 экран) и 2 видео как добраться до офиса (3 экран)
*я думаю можно табами….

И обратно все менялось в таком же порядке…

Реализация на сетке bootstrap + их допы меню табы перестилизованно
Нужно именно план реализация этого всего. Так же планируется адаптив но на младших версиях (телефон) будет все это упрощено…


*****************

Смену контента нужно привязать к колесику on('scroll')' для планшетов ещё сразу можно on('swipe')

$(document').on('scroll', function (event) { console.log(window.offsetTop()) })
Ответить с цитированием