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

Invalid bean property or is not readable to loading Jsp page