rolando para um elemento dentro de um div

você pretende programar uma div rolada para rolar automaticamente para um elemento dentro dele ao clicar. Utilizando o scrollIntoView (true) parece rolar a página inteira, deixando você confuso. Isso é alcançado através de:

var myElement = document.getElementById ('element_within_div'); var toppos = myelement.offsetTop;

O TopPOS agora contém a distância do pixel entre a parte superior da div e o elemento que você deseja visível. toppos;

No protótipo JS, isso se traduz em:

var myElement = document.getElementById('element_within_div');
var topPos = myElement.offsetTop;

var posarray = $ ('element_within_div'). $ ('scrolling_div'). scrolltop = posarray [1];

Esta ação rola a div para alinhar o elemento especificado na parte superior ou o mais próximo possível se a rolagem não permitir que chegue ao topo.