Javascript 使用Jquery在滚动列表中显示元素

我有一张平面图，上面有员工的照片。右边是员工的姓名。相关ID的照片和姓名。员工姓名的数量非常多。而且它不适合在页面上。滚动列表。当你点击照片管理员时，我需要提醒你。在页面上显示此人的姓名

<img class="avatar" src="personal_ava.png" avatar-id="53" style="left: 445px; top: 425px;">
<div class="employee-descr" employee-id="53">Test T.T</div>

测试T.T

---

我已经有一页照片和名字了。我需要在您单击照片时自动滚动并显示名称

我猜您正在寻找类似的内容：

<style>
    .employee-desc { display: none; }
</style>

<script>
    $(function()
    {
        $(".avatar").click(function()
        {
            var el = $(this).next();
            // or $("div[data-employee-id='"+$(this).attr("data-avatar-id")+"']").toggle();
            el.toogle();
            $("html, body").animate({
                scrollTop: el.offset().top,
                scrollLeft: el.offset().left
            }, 0);
        });
    });
</script>

<img class="avatar" src="personal_ava.png" data-avatar-id="53" style="left: 445px; top: 425px;" />
<div class="employee-desc" data-employee-id="53">Test T.T</div>

.employee desc{display:none；}
$（函数（）
{
$（“.avatar”）。单击（函数（）
{
var el=$（this.next（）；
//或$（“div[data employee id='”+$（this.attr（“data avatar id”）+“']））.toggle（）；
el.toogle（）；
$（“html，body”）.animate({
scrollTop:el.offset（）.top，
向左滚动：el.offset（）.left
}, 0);
});
});
测试T.T

我想你在找这样的东西：

<style>
    .employee-desc { display: none; }
</style>

<script>
    $(function()
    {
        $(".avatar").click(function()
        {
            var el = $(this).next();
            // or $("div[data-employee-id='"+$(this).attr("data-avatar-id")+"']").toggle();
            el.toogle();
            $("html, body").animate({
                scrollTop: el.offset().top,
                scrollLeft: el.offset().left
            }, 0);
        });
    });
</script>

<img class="avatar" src="personal_ava.png" data-avatar-id="53" style="left: 445px; top: 425px;" />
<div class="employee-desc" data-employee-id="53">Test T.T</div>

.employee desc{display:none；}
$（函数（）
{
$（“.avatar”）。单击（函数（）
{
var el=$（this.next（）；
//或$（“div[data employee id='”+$（this.attr（“data avatar id”）+“']））.toggle（）；
el.toogle（）；
$（“html，body”）.animate({
scrollTop:el.offset（）.top，
向左滚动：el.offset（）.left
}, 0);
});
});
测试T.T

可设置为员工照片电路。并且他的名字在列表的底部，当你看不到闪烁的员工名字时，可以将其设置为员工照片电路。他的名字在列表的底部，当你看不到闪烁的员工名字时，情况就不同了。我已经有一页照片和名字了。我需要在你点击照片时自动滚动并显示姓名，它会滚动页面。我需要滚动员工列表使用

$（员工列表）.css（{top:x，left:y}）

。对不起，我不明白你想要什么，你还没有发布网站的完整代码。这是不同的。我已经有一页照片和名字了。我需要在你点击照片时自动滚动并显示姓名，它会滚动页面。我需要滚动员工列表使用

$（员工列表）.css（{top:x，left:y}）

。对不起，我不明白你想要什么，你还没有发布网站的完整代码。