jquery button top to bottom
jQuery Button Top to Bottom
If you want to create a button in jQuery that scrolls to the bottom of the page, you can use the following code:
$('button').click(function() {
$('html, body').animate({
scrollTop: $(document).height()
}, 'slow');
});
This code selects a button element using the jQuery selector and attaches a click event handler to it. When the button is clicked, the $('html, body')
selector is used to select both the <html>
and <body>
elements, and the .animate()
method is called with an object that specifies the scrollTop
property should be set to the height of the document using $(document).height()
to scroll down.
If you want to create a button that scrolls to the top of the page, you can use the following code:
$('button').click(function() {
$('html, body').animate({
scrollTop: 0
}, 'slow');
});
This code is similar to the code above, but sets scrollTop
to 0 to scroll up to the top of the page.