中心DIV水平scolling

Question

Heey大家，

我建立这个水平滚动的网站，但是当我点击从导航栏的链接上，在div出现在屏幕的右侧，而不是在中心。有谁知道如何解决这一问题？

这里是jQuery代码我用：

$(function() { 
      $('.fixed-nav-bar li, .fixed-nav-bar a').bind('click',function(event){ 
       var $anchor = $(this); 

       $('html, body').stop().animate({ 
        scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1500,'easeInOutExpo'); 

       $('html, body').stop().animate({ 
        scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1000); 
       event.preventDefault(); 

      });    

提前感谢！

Answer 1

scrollLeft应$($anchor.attr('href')).offset().left + ($(window).width() - $($anchor.attr('href')).width()) * 0.5

的部分的加计算后的窗口宽度中减去所述元件的宽度，并将该差scrollLeft的一半，导致靶在中心之中。

你可能应该清理一下我的示例代码，使它更具可读性，但这个概念应该清楚。