当我们滚动到页面的某个级别时，我想在右侧显示一个对话框，当我们返回时它会消失。 问题是该框出现但立即消失。 我使用向上滑动并向下滑动jquery使得出现并消失对话框。 如果你有更好的解决方案我也会接受它。
这是代码 https://jsfiddle.net/m3gcscd7/
感谢您的帮助
$(document).ready(function() {
/******************************
BOTTOM SCROLL TOP BUTTON
******************************/
// declare variable
var scrollTop = $(".scrollTop");
$(window).scroll(function() {
// declare variable
var topPos = $(this).scrollTop();
// if user scrolls down - show scroll to top button
if (topPos > 200) {
$(scrollTop).css("opacity", "1");
$(scrollTop).slideUp();
} else {
//$(scrollTop).css("opacity", "0");
$(scrollTop).slideDown();
}
}); // scroll END
}); // ready() END.scrollTop {
position: fixed;
right: 10%;
bottom: 0px;
background-color: #BE3F48;
padding: 20px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.scrollTop a {
font-size: 18px;
color: #fff;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="right">
<h2 id="h1">
HEADING 1
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<h2 id="h2">
HEADING 2
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<h2 id="h3">
HEADING 3
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
</div>
<footer></footer>
<div id="stop" class="scrollTop">
<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
</div>
</div>
答案 0 :(得分：0)
答案 1 :(得分：0)
我认为使用向下滑动和向上滑动并不是最佳方法，因为它们只是对元素的滑动效果。如果你想控制它的可见性，那么操纵可见属性会更好。
为了在你的情况下这样做是为了：
在css中：
添加 display：none;
.scrollTop {
position: fixed;
right: 10%;
bottom: 0px;
background-color: #BE3F48;
padding: 20px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
display:none;
}
在你的.js而不是滑动它只是显示它
// if user scrolls down - show scroll to top button
if (topPos > 200) {
$(scrollTop).css("opacity", "1");
$(scrollTop).show("fast");
} else {
//$(scrollTop).css("opacity", "0");
$(scrollTop).hide("fast");
}
$(document).ready(function() {
/******************************
BOTTOM SCROLL TOP BUTTON
******************************/
// declare variable
var scrollTop = $(".scrollTop");
$(window).scroll(function() {
// declare variable
var topPos = $(this).scrollTop();
// if user scrolls down - show scroll to top button
if (topPos > 200) {
$(scrollTop).css("opacity", "1");
$(scrollTop).show("fast");
} else {
//$(scrollTop).css("opacity", "0");
$(scrollTop).hide("fast");
}
}); // scroll END
}); // ready() END.scrollTop {
position: fixed;
right: 10%;
bottom: 0px;
background-color: #BE3F48;
padding: 20px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
display:none;
}
.scrollTop a {
font-size: 18px;
color: #fff;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="right">
<h2 id="h1">
HEADING 1
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<h2 id="h2">
HEADING 2
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<h2 id="h3">
HEADING 3
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante
sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor. Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat
risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus, fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim
massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet. Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget
hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing. Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae
nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque velit nec blandit pharetra. Donec ornare, massa non congue fermentum, tellus turpis congue nisi, non
pharetra nisi orci vel nisi. Nam sed vestibulum augue. Morbi vestibulum, ante sed interdum ultricies, risus nibh consequat tortor, non cursus ante justo in turpis. Sed nec diam ultrices, venenatis tortor at, eleifend tellus. Donec id ornare tortor.
Cras rutrum vel tortor suscipit fermentum. Sed molestie neque ultrices, consequat risus id, suscipit enim. Duis arcu nibh, interdum nec est ut, gravida molestie urna. Integer quam ante, aliquet a pretium vitae, tempor vitae diam. Maecenas eros risus,
fermentum vitae congue interdum, pulvinar non leo. Suspendisse sit amet dignissim massa, ac ullamcorper urna. In hac habitasse platea dictumst. Cras tincidunt orci lorem, eget placerat dui consectetur vel. Donec convallis in dolor quis laoreet.
Nunc quis fringilla tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam congue felis ut lectus porttitor faucibus. Curabitur vitae lorem vestibulum, blandit dui at, luctus justo. Morbi lectus eros, faucibus luctus feugiat
commodo, lobortis sed nulla. Fusce et fermentum ante. Vivamus consequat varius sem, eget hendrerit lectus tempus ac. In hac habitasse platea dictumst. Cras imperdiet elit id auctor tincidunt. Morbi eu leo eros. Etiam ultricies ornare adipiscing.
Mauris interdum eleifend congue. Curabitur eu ante sed turpis fermentum iaculis sed vitae nibh. Duis sapien tellus, laoreet at dignissim non, congue id nisi.
</p>
</div>
<footer></footer>
<div id="stop" class="scrollTop">
<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
</div>
</div>