Php 滚动到与单击的缩略图对应的图像的图像库

我正在创建一个有图像库的网站

您有一个包含不同类别的侧菜单，当您单击一个类别时会显示一个隐藏的div，其中填充有缩略图，当您单击任何缩略图时，它会隐藏缩略图div并在其位置显示图像库

我正在尝试做的一个例子如下：

我想做的是，当缩略图div隐藏且图像库显示时，我还希望显示与单击的缩略图对应的图像，即使它在可滚动缩略图库中比缩略图库低3或4张图片

我尝试过使用.scrolltop（）并设置值，但我认为我遗漏了一些东西。我的div正确显示，但我没有使scrolltop值正常工作，或者我使用了完全错误的函数。希望有人能帮忙

下面是我尝试使用的一段代码：

//thumbnail section
<div id="booth">      
  <a href="#" id="identityoverlay"><img src="thumb1" alt="" /></a>
  <a href="#" id="identityoverlayA"><img src="thumb2" alt="" /></a>
  <a href="#" id="identityoverlayB"><img src="thumb3" alt="" /></a>
</div>

//main image section
<div id="identityOverlay" style="background-image:url(images/bkgrnd_700.gif); height:720px; display:none;">               

    <div id="imageGallery style="padding-left:95px; padding-top:10px; padding-bottom:15px; overflow:auto; height:610px;">            
                <img src="mainImg1" /><br />              
                <img src="mainImg2" /><br />              
                <img src="mainImg3" /><br />              
    </div>
</div>

<script>
    $("#identityoverlay").click(function () {
      $("#identityOverlay").show();     
      $("#booth").hide();
});    

    $("#identityoverlayA").click(function () {       
      var myCont = document.getElementById ("imageGallery");
              myCont.scrollTop(100); 

      $("#identityOverlay").show();       
      $("#booth").hide();
});   
</script> 

//缩略图部分
//主图像部分
你的代码有几个问题

首先，您应该阻止单击时的默认操作，其次，您应该首先隐藏/显示div，然后滚动到想要的位置

以下是修改后的代码：

$("#identityoverlayA").click(function (e) {
    e.preventDefault;

    $("#booth").hide();
    $("#identityOverlay").show();       

    var myCont = document.getElementById ("imageGallery");
    myCont.scrollTop(100); 
});  

我建议先验证您的xhtml，它是无效的。这里的实际问题是什么？我添加了一段代码，是的，我发现我遗漏了一个引号，并且不是正确的HTML格式，这只是为了显示我所拥有的。当您在div booth中单击缩略图时，我会显示identityOverlay（此功能正常），但我还希望它根据您单击的缩略图滚动到identityOverlay的右侧部分。我不知道如何让内部标识为Overlay的imageGallery div滚动到正确的部分。这可能吗？我读过关于scrollTop的文章，认为我可以设置div的scrollTop属性，但它不起作用。你读过jQueryAPI手册吗？使用scrollTo（）（基本JS）滚动到给定的x/y（或y/x）。-我想说的是，scrollTop可能并不像您认为的那样：