中心div水平倾斜

Question

大家好

我已经建立了这个水平滚动网站，但是当我单击导航栏上的链接时，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，从而使目标位于中心。

您可能应该稍微整理一下示例代码以使其更具可读性，但是概念应该清楚。