将HTML加载到div中 - 不寻常的问题

Question

我在为朋友创建的网站上遇到了一个不寻常的问题。

我创建了index.html，左侧边栏下方的链接保持不变。单击链接时，将在页面中心的主div内调用外部HTML文件。

这非常有效，但有一个小问题（这实际上是一个恼人的问题）！

如果单击第一个链接，例如“产品”，则可以很好地从左侧一直向右滚动到最后一个图像。如果你然后单击'时尚'，则会调用另一个HTML文件，但它会在您从“产品”中离开的阶段调用它，即一直到右边，而不是在开始时。

每次点击链接时，我基本上都需要强制HTML在开头调用页面。这是我的网页链接，供您查看我在说什么......

http://www.hannahdakin.co.uk/betasite

P.S。在论坛上查找之后我找不到其他有类似问题的人，但是我可能会对这个问题有一个不熟悉的术语。

如果有人能提供帮助，我将永远感激不尽！

Answer 1

您可以使用.scrollLeft(0)重置<div>中的水平滚动位置。

Answer 2

您需要将jQuery .scrollLeft(0)命令应用于页面正文以重置每次单击时的水平位置。例如：

$('#products').click(function(){
    $('.slider').load("allimages.html #products2");
    $('body').scrollLeft(0);
});

这必须在页面主体上完成，因为滚动条固定在整个页面而不是容器上。

您需要为每个菜单点击事件复制此内容。