Question

我在左边的div元素中有一个链接列表，当我点击链接时，我使用ajax.js将内容加载到右边的div中。我现在想添加一些代码，将点击的链接滚动到浏览器窗口的顶部，这样所有链接列表都会滚动，点击的链接会保持在顶部。我的代码

HTML

<div id="contentt">
<div id="fleft"><h2><a href="#"> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to

<br><br></a></h1>
<h1><a href="#">the 1500s, when an unknown printer took a galley of type and scrambled <br><br></a></h1>
<h1>the 1500s, when an unknown printer took a galley of type and scrambled <br><br></h1>
  </h1></div>

    <div id="fright"></div>
</div>

JS

$(document).ready(function(){
$('#fleft h2').click(function(){
    $('#fright').load('teste.html');
});
})

$(document).ready(function(){
    $('#fleft h1').click(function(){
        $('#fright').load('teste2.html');

    });
})

$(document).ready(function(){
    $('#fleft h3').click(function(){
        $('#fright').load('teste3.html');

    });
})

DEMO

我无法弄清楚如何做到这些，

Answer 1

希望这有帮助。

点击该链接后，您可以获得html的{{1}}，然后使用link添加该链接作为第一个孩子，您也必须prepend()链接所以它不会出现在两个区域。使用动画，您可以滚动到div的顶部

remove

这是工作fiddle

单击时如何将链接从列表滚动到页面顶部？

1 个答案: