Начну с ссылки на вас what Я говорю. Я хотел бы знать, как сделать такой прокрутка, вам просто нужно прокрутить один раз, и бум вы перейдете к следующему разделу.Как сделать «одну прокрутку» на странице одной страницы
Таким образом, как сделать сайт на одной странице (да, может быть, я добавлю еще несколько разделов, но хочу знать, каковы свойства для этого). This - это то, что я имею в виду под одной страницей.
Пробег: FullPage; он поддерживает как вертикальные, так и горизонтальные секции.
Вы можете использовать класс для каждого раздела своей страницы, а затем, используя это имя класса и jquery, вы можете сделать то же самое. Для получения дополнительной информации и демонстрации вы можете проверить приведенную ниже ссылку. Это может вам помочь.
Вы можете проверить демонстрационную версию и решение ниже, здесь прокрутка в одной странице дается в отличной форме.
Есть много доступных библиотек. Я бы предложил Fullpage для такого CSS. Он предоставит вам дополнительные функции, такие как горизонтальный прокрутка в вертикальном прокрутке, который сделает вас привлекательным для сайта.
Надеюсь, это поможет.
Да, это было то, что я говорил о, но у меня есть вопрос: я попытался поместить фоновое изображение, 1366x768 px с этими атрибутами: 'background-size: cover; \t background-repeat: no-repeat; \t \t background-position: center center; ' – FET
, в чем же проблема? –
Решил все сейчас, спасибо, однако :) – FET
Возможный дубликат [прокрутка полной высоты страницы вверх или вниз с помощью jQuery/Javascript] (http://stackoverflow.com/questions/18953652/scroll-a-full-page-height-up-or-down-with -jquery-javascript) – makshh
на прокрутке вы можете либо использовать анимацию, либо затем scrollTop в этом разделе, иначе использовать translateY на прокрутке, но будьте осторожны, чтобы стрелять по событию с высокой скоростью, так что вам нужно активировать событие, которое вы можете запросить. t animate on scroll вместо этого просто измените значение Y http://stackoverflow.com/questions/37502075/parallax-effect-make-elements-follow-scroll-with-delay/37502722#37502722 – CY5