Question

我有一个链接，一旦我点击隐藏的div向下或向上滑动，但它总是跳到页面的顶部，所以我必须一直向下...

我读过我必须存放一个高度，但我的内容是动态的，所以我不能这样做......

的CSS

.resultado{

    text-align: left;
}

分裂

<div class="resultado">
<a class="mostrar" href="#">mostrar</a>
<div class="datos"><p>Hi</p></div>
</div>

代码

<script type="text/javascript">
    $(document).ready(function(){

        $(".datos").hide();

        $('.resultado').delegate('.mostrar','click',function(event){

          $(this).parent().find(".datos").slideToggle();

        }); 
    });
</script>

Answer 1

变化：

$('.resultado').delegate('.mostrar','click',function(event){
    $(this).parent().find(".datos").slideToggle();
});

到

$('.resultado').delegate('.mostrar','click',function(event){
    event.preventDefault();
    $(this).parent().find(".datos").slideToggle();
});

链接的默认行为是遵循命名锚点并使页面顶部成为焦点。使用event.preventDefault可以抑制该行为。

Jquery，向下滑动隐藏的div跳到顶部

1 个答案: