Dirigir LINK a una DIV

Quiero meterle un efecto a mi web que dandole clik a un LINK (menu), me dirija a una parte DIV de mi pagina web.

Usa anclas, hay plugins de JQuery para darle un efecto en el movimiento, y lee tambien acerca de scrollx
http://www.desarrolloweb.com/articulos/827.php

Entonces me indicas que use ANCLAS, un nombre mas especifico para buscarlo o que es exactamente?

Lo que neisserian89 dice es que hagas esto:

Código HTML :

<a href="#eldiv">Ir a el DIV</a>
<!-- mucho código HTML después ... -->
<div id="eldiv">Algún contenido</div>

Listo, lo logre si funciona, ahora he buscado un efecto, pero parece que tengo "2 JQUERY", que hace que el efecto no funcione dichos JQUERYS son:

JQUERY (hace que cuando baje el scroll lo haga de forma lenta)

Código Javascript :

$(document).ready(function() {
   anchor.init()
});

anchor = {
   init : function()  {
      $("a.anchorLink").click(function () {   
         elementClick = $(this).attr("href")
         destination = $(elementClick).offset().top;
         $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 1100 );
           return false;
      })
   }
}

JQUERY DEL OTRO EFECTO (lo uso para un efecto de imagenes)

Código Javascript :

jQuery.noConflict();
jQuery(document).ready( function($){   
   var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') };
   $obj = $('#lofslidecontent45')
   .lofJSidernews( { interval : 9000,
   direction : 'opacity',
   duration : 1500,
   auto : true,
   maxItemDisplay : 10,
   startItem:0,
   navPosition     : 'horizontal', // horizontal
   navigatorHeight : 15,
   navigatorWidth  : 25,
   buttons : buttons,
   mainWidth:1000} );   
});

Que puedo hacer para que uno no interfiera con el otro?

No puedes tener 2 $(document).ready(); en la misma pagina.

saludos

que puedo hacer para corregirlo, y que ambos efectos funcionen?

Tienes que meter ambos códigos en una función y/o clase, y después ejecutarlos ambos desde el document ready.

Código Javascript :

jQuery(document).ready(function() { 
   anchor.init();

   gallery.init();
}); 
 
anchor = { 
   init : function()  { 
      $("a.anchorLink").click(function () {    
         elementClick = $(this).attr("href") 
         destination = $(elementClick).offset().top; 
         $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 1100 ); 
           return false; 
      }) 
   } 
}

gallery = {

   init : function (){
   
   var buttons = { 
   previous : jQuery('#lofslidecontent45 .lof-previous') , 
   next     : jQuery('#lofslidecontent45 .lof-next') 
   };
 
   $obj = jQuery('#lofslidecontent45').lofJSidernews( { 
   interval        : 9000, 
   direction       : 'opacity', 
   duration        : 1500, 
   auto            : true, 
   maxItemDisplay  : 10, 
   startItem       :0, 
   navPosition     : 'horizontal', // horizontal 
   navigatorHeight : 15, 
   navigatorWidth  : 25, 
   buttons : buttons, 
   mainWidth:1000 });
 
   }
}

y así debe de funcionar.

Saludos

Listo, Muchisimas gracias, sabes de algun truco para que al costado de la pagina salga un boton que a la hora que baje siga a la mirada de la pagina osea, que el boton se mueva cuando se mueve el scroll y este en el medio y cuando le den clik los lleve arriba de la misma forma como bajaron