Я борюсь с многоступенчатой формой, написанной на JS. Я все еще многому учусь, и на W3SCHOOL я нашел хороший пример многоступенчатой формы. Когда вы добавляете больше «элементов» на первом и втором шаге формы и нажимаете эту кнопку «Далее», находясь на первом шаге формы, вы оказываетесь в середине второго шага формы ...
Что я должен написать и где в этом коде, чтобы он всегда шел вверху «страницы»? Заранее спасибо, ребята!
Чтобы что-то всегда шло вверху страницы, используйте #
по ссылке:
<a href = "#">Go to top</a>
Здесь я привел два примера для прокрутки вверх страницы.
Без анимации и без сценария Прокрутка вверх
Примечание: Здесь, если вы замените # каким-либо конкретным разделом или идентификаторами div, такими как # form-section и т. д., То, когда вы нажмете на эту ссылку, он перейдет к этому разделу.
С анимацией - с использованием скрипта и CSS (рекомендуется)
Примечание: Этот пример можно использовать где угодно, даже для веб-сайтов, а также для прокрутки к началу страницы.
HTML
<a href = "javascript:void(0);" class = "scrollToTop">
<span class = "fa fa-arrow-up"></span> <!-- Here you can use any arrow icon or plain as well based on that make changes in CSS. Here for sample I've given font awesome icon -->
</a>
CSS
.scrollToTop { z-index: 999; position: fixed; display: none; background: #000; border-radius: 4px; height: 45px; line-height: 45px; width: 45px; text-align: center; bottom: 30px; left: 10px; color: #fff; font-size: 18px; }
jQuery
<pre>
$(window).scroll(function(){
if ($(this).scrollTop() > 100){
$('.scrollToTop').fadeIn();
}else{
$('.scrollToTop').fadeOut();
}
});
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
</pre>