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

Question

我为朋友创建的网站有一个不寻常的问题.

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

这非常有效,但有一个小问题(这实际上是一个恼人的问题)!

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

我基本上需要强制HTML在每次单击链接时调用页面.这是我的网页链接,你可以看到我在说什么...

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

PS我在论坛上找不到其他有类似问题的人,但可能有一个我不熟悉的问题.

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

Answer 1

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

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

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

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