Question

我有一个包含多个字段的表单。在每个字段中，页面滚动到底部

$('.my_input').on('change', function(e){
    $("html, body").animate({ scrollTop: $("html, body").height()}, "slow");
}

这样可以正常工作，但是如果我尝试滚动到顶部，那么页面就会冻结＆＃34;底部的滚动，经过几次尝试后释放。

如何解决？

韩国社交协会

Answer 1

也许这个事件一次又一次地自我解雇。您可以尝试使用one仅触发一次事件。

请参阅下面的代码。另外请分享足够的代码来复制问题，如果这不能帮助你解决问题的另一个原因。

$(document).ready(function(){
$('.my_input').one('change', function(e){
    $("html, body").animate({ scrollTop: $("html, body").height()}, "slow");
});
});

.my_input{
display:block;
margin-bottom:300px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" class="my_input"/>
<input type="text" class="my_input"/>
<input type="text" class="my_input"/>

Scrolltop动画锁定滚动

1 个答案: