Stack Overflow en español Asked by dcuatro4 on February 6, 2021
Algo parecido al scorllTop, pero poder elegir donde quiero que vaya el scroll
$(document).ready(function(){
$('.button').click(function(){
$('body, html').animate({
scrollTop: '0px'
}, 300);
});
});
Puede que te interese el método scrollIntoView
Aquí tienes el enlace para consultarlo
Te dejo el ejemplo que proporciona W3schools para una mejor representación visual.
<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {
height: 250px;
width: 250px;
overflow: auto;
background: green;
}
#content {
margin:500px;
height: 800px;
width: 2000px;
background-color: coral;
position: relative;
}
</style>
</head>
<body>
<p>Click the buttons to scroll to the top or to the bottom of the element with id="content".</p>
<button onclick="scrollToTop()">Scroll to the top of the element</button>
<button onclick="scrollToBottom()">Scroll to the bottom of the element</button>
<div id="myDIV">
<div id="content">
<div style="position:absolute;top:0;">Some text at the top</div>
<div style="position:absolute;bottom:0">Some text at the bottom</div>
</div>
</div>
<script>
var elmnt = document.getElementById("content");
function scrollToTop() {
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}
</script>
</body>
</html>Answered by Ichikon on February 6, 2021
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP