Publicado em 6 de jan.

problema no scroll quando se usa ancora

Ola pessoal tudo bem?

Estou com um probleminha vamos ver se alguém pode me ajudar.

estou querendo montar um scrollbar personalizado e estou usando o exemplo deste link:

http://interface.eyecon.ro/demos/scrollbar.html

adaptei ao meu site, e esta funcionando maravilha, mas o problema esta no seguinte:

queria que tivesse um menu que quando clicado vai para alguma parte deste texto que estou usando o scrollbar, para isso usei a ancora, mas ele joga todo o documento para cima

bom para entenderem melhor segue o link do erro

http://www.agenciaparla.com.br/lef/areadeatuacao.html

abs

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

hgb7· 7 de jan.

<script>
function funcao(ancora) {
this.location = "#" + ancora;
}
</script>

<div id="div" onclick="funcao('teste');">

jisijjsdsijsi jddijdij sij ijdjisdji <a name="teste"> sgyygygygss sahhahusaah h </div> Fez algo assim?

Muricium· 7 de jan.

<script>
function funcao(ancora) {
this.location = "#" + ancora;
}
</script>

<div id="div" onclick="funcao('teste');">

jisijjsdsijsi jddijdij sij ijdjisdji <a name="teste"> sgyygygygss sahhahusaah h </div> Fez algo assim?

Não fiz isso não. ná página que contém o menu usei isso:

 <li><a href="direitos.html#direitos">Direitos Autorais e Conexos</a></li>
 <li><a href="direitos.html#clareance">Clearance</a></li>
 <li><a href="direitos.html#personalissimos">Direitos personalíssimos</a></li>
 <li><a href="direitos.html#entretenimento">Direito do Entretenimento</a></li>
 <li><a href="direitos.html#publicidade">Publicidade</a></li>
 <li><a href="direitos.html#pareceres">Pareceres</a></li>

e na página que contém o texto (direitos.html) utilizei este:

<div class="slider1"><div class="indicator"></div></div>
<div class="txt_conteudo">
	<div class="content">
 <div id="direitos"><div class="subtitulo">Direitos Autorais e Conexos</div></div>
 <p>TExto texto texto texto.</p>

 <div id="clareance"onclick="funcao('teste');"><div class="subtitulo">Clearance</div></div>
 texto texto texto

 <div id="personalissimos"><div class="subtitulo">Direitos personalíssimos</div></div>
 texto texto texto

 <div id="entretenimento"><div class="subtitulo">Direito do Entretenimento</div></div>
 texto texto texto

 <div id="publicidade"><div class="subtitulo">Publicidade</div></div>
 texto texto texto
 </div></div>

<script type="text/javascript">
	var ocontainer;
	var ocontent;
	var spaceToScroll;
	$(document).ready(
 function ()
 {
 ocontainer = $('div.txt_conteudo');
 ocontent = $('div.content');

 containerSize = jQuery.iUtil.getSize(ocontainer.get(0));
 containerPosition = jQuery.iUtil.getPosition(ocontainer.get(0));
 containerInner = jQuery.iUtil.getClient(ocontainer.get(0));

 contentSize = jQuery.iUtil.getSize(ocontent.get(0));

 $('div.slider1')
 .css('top', containerPosition.y + 'px')
 .css('left', containerPosition.x + containerSize.wb + 'px')
 .css('height', containerSize.hb + 'px');

 spaceToScroll = contentSize.hb - containerInner.h;

 $('div.indicator')
 .css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px')

 $('.slider1').Slider(
 {
 accept : '.indicator',
 onSlide : function( cordx, cordy, x , y)
 {
 ocontent
 .css('top', - spaceToScroll * cordy / 100 + 'px');
 }
 }
 );
 }
	);
</script>
 <script language="JavaScript" type="text/javascript">var client_id = 1;</script>
 <script language="JavaScript" src="[http://stats.byspirit.ro/track.js"](http://stats.byspirit.ro/track.js) type="text/javascript"></script>