Reposicionamento da tela de usuário

Reposicionar tela de usuário em textos articulados nos modos criados:
    - TMS - Texto Multivigente Sequencial
    - TMI - Texto Multivigente Integrado com Realce de Aterações
    - TVL - Texto Vigente COM Link para Normas Alteradoras
    - TVT - Texto Vigente

static/js/compilacao_view.js

@@ -7,14 +7,47 @@ $( window ).scroll(function() {
 
 $(window).load(function() {
     setTimeout(function() {
-	    height = $( "section.vigencias" ).height();
-        $('html, body').animate({
-        scrollTop:  window.pageYOffset - height - 55
-        }, 300);
+    	href = location.href.split('#')
+    	if (href.length == 2) {
+    		height = $( "section.vigencias" ).height();
+            $('html, body').animate({
+            scrollTop:  window.pageYOffset - height - 55
+            }, 300);
+        }
     }, 100);
 });
 
+function isElementInViewport (el) {
+
+    //special bonus for those using jQuery
+    if (typeof jQuery === "function" && el instanceof jQuery) {
+        el = el[0];
+    }
+
+    var rect = el.getBoundingClientRect();
+
+    return (
+        rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
+    );
+}
+
 function textoMultiVigente(item, diff) {
+	var elv = null;
+	var ldpts = $(".dptt")
+	for (var i = 0; i < ldpts.length; i++) {
+		if ($(ldpts[i]).hasClass('displaynone'))
+			continue;
+		if (isElementInViewport( ldpts[i])) {  
+			elv = ldpts[i];
+			break;
+		}
+	}
+	
+	
+	
 	$(".cp .tipo-vigencias a").removeClass("selected")
 	$(item).addClass("selected")
 	$(".dptt.desativado").removeClass("displaynone");
@@ -75,16 +108,39 @@ function textoMultiVigente(item, diff) {
         });
         //textoVigente(item, true);
     }
+
+    if (elv) {
+	    $('html, body').animate({
+			scrollTop: $(elv).parent().offset().top - 60
+		}, 0);
+    }
 }
 
 function textoVigente(item, link) {
-	$(".cp .tipo-vigencias a").removeClass("selected")
-	$(item).addClass("selected")
-
-	$(".dptt.desativado").addClass("displaynone");
-	$(".link_alterador").removeClass("displaynone");
-	if (!link)
-		$(".link_alterador").addClass("displaynone");
+	var elv = null;
+	var ldpts = $(".dptt")
+	for (var i = 0; i < ldpts.length; i++) {
+		if ($(ldpts[i]).hasClass('displaynone'))
+			continue;
+		if (isElementInViewport( ldpts[i])) {  
+			elv = ldpts[i];
+			break;
+		}
+	}
+	
+		$(".cp .tipo-vigencias a").removeClass("selected")
+		$(item).addClass("selected")
+	
+		$(".dptt.desativado").addClass("displaynone");
+		$(".link_alterador").removeClass("displaynone");
+		if (!link)
+			$(".link_alterador").addClass("displaynone");
+	
+	if (elv) {
+	    $('html, body').animate({
+			scrollTop: $(elv).parent().offset().top - 60
+		}, 0);
+    }
 }
 
 $(document).ready(function() {

templates/compilacao/index_bloco_alteracao.html

@@ -1,12 +1,12 @@
 {% load compilacao_filters %}
 {% for ch in dpt.pk|get_bloco_atualizador %}
 {% spaceless %}
+    {% if ch.visibilidade %}
 	<div class="dpt" id="d{{ch.id}}">
 		<div class="{{ ch.tipo_dispositivo.class_css }}" id="id{{ch.id}}" nivel="{{ch.nivel}}">
-
 			{{ ch.tipo_dispositivo.rotulo_prefixo_html|safe }}<a name="{{ch.pk}}" href="{%url 'compilacao' ch.norma.pk %}#{{ch.pk}}">{{ ch.rotulo }}</a>{{ ch.tipo_dispositivo.rotulo_sufixo_html|safe }}{{ ch.tipo_dispositivo.texto_prefixo_html|safe }}{{ ch.texto|safe }}
-            
-        </div>
+            </div>
 	</div>
+	{%endif%}
 {% endspaceless %}
 {% endfor %}