Jump to a specific div through smooth scrolling


<!-- SCRIPT FOR FOCUSING ON CLICKED DIV -->

window.smoothScroll = function(target) {
var scrollContainer = target;
do { //find scroll container
scrollContainer = scrollContainer.parentNode;
if (!scrollContainer)
return;
scrollContainer.scrollTop += 1;
} while (scrollContainer.scrollTop == 0);

var targetY = 0;
do { //find the top of target relatively to the container
if (target == scrollContainer)
break;
targetY += target.offsetTop-20;
} while (target = target.offsetParent);

scroll = function(c, a, b, i) {
i++;
if (i > 30)
return;
c.scrollTop = a + (b - a) / 30 * i;
setTimeout(function() {
scroll(c, a, b, i);
}, 20);
}
// start scrolling
scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
}




==================================

smoothScroll(document.getElementById('jumpDiv2'));


<div  class="col-md-12 no_padding" id="jumpDiv2"> </div>

Comments

Popular posts from this blog

datatable with both top and bottom scroll bar.

Display Loader and disable page while waiting for ajax request

Remove GIT integration from VSCode