Jquery 将内容保持在窗口中心调整大小-水平滚动一页站点

我有一个与本文中回答的问题和情况类似的问题和情况：，尽管我似乎无法让这个解决方案对我起作用

我只是在学习javascript/jQuery并添加一些基本的响应特性，所以我有一个工作站点真是个奇迹。这是我第一次水平滚动一页网站，不知何故（对我来说，很神奇）我已经让scrollTo和localScroll启动并运行，但我希望看到内容仍然以调整大小为中心。如果你在第一张幻灯片上看到图像，它会保持居中，但是如果你在任何其他幻灯片上（信用卡/卷轴/触点），宽度都会改变并移动

看看

我应该提到它正在Wordpress上运行，以防改变答案。请让我知道，如果有什么不清楚或如果我应该粘贴代码的地方；正如我所说，我知道我真的不知道自己在做什么。仁慈点。：）

为了子孙后代：

导航用JS 用于调整大小的JS

---

关于使用的CSS/HTML的其他信息：

hi twf1985-感谢您对这个旧线程的回答。你能给我更多的信息吗？用于NAV的JS是不言自明的，并且大大简化了我所做的工作，但是用于RESIZE的JS抛出了一个错误“无法读取未定义的属性‘left’”。在链接的文章中，水平滚动很好，但是那里的演示也没有解决我要做的事情（保持当前标签位置/幻灯片以浏览器大小为中心），所以我不确定如何排除故障。这也是更新后的站点链接：Hey@Max-如果你已经实现了JS for Nav，你能确认浏览器在每张幻灯片更改时显示正确的哈希值吗？基于这个错误，我猜它不是，因为“未定义”意味着位置中没有散列。确保nav脚本（特别是“history.pushState…”部分）工作正常。

$('.main-nav-link').click(function(e) {
    e.preventDefault();
    var toTarget = $(this).attr('href');
    history.pushState(null, null, toTarget);
    $(window).triggerHandler('hashchange');
});

$(window).on('hashchange', function () {
    if(!window.location.hash) return;
    var $target = $(window.location.hash);
    $('html, body').stop(true,false).animate({
        scrollLeft: $target.offset().left}, 900, function() {
            $(this).stop(true,false).animate({scrollTop:0})
        });
});

$(window).resize(function() {
    var stayHere = $(window.location.hash);
    $('html, body').stop(true,false).scrollLeft( stayHere.offset().left );
});