Estou com dúvidas na implementação desse recurso.
Tenho um link que faz essa ação, tipo habilitar e desabilitar o scroll automático.
Para melhor entendimento, acesse o JSFIDDLE abaixo:
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeEstou com dúvidas na implementação desse recurso.
Tenho um link que faz essa ação, tipo habilitar e desabilitar o scroll automático.
Para melhor entendimento, acesse o JSFIDDLE abaixo:
Para fazer a troca do scroll automático, você pode fazer da seguinte forma:
$(document).ready(function(){
var msg = $("#msg");
$("#send_msg").click(function(){
if(msg.val().length >= 1){
$("#list_msg").append("<li>"+msg.val()+"</li>")
msg.val("").focus();
}
// verifica se o scroll automático está habilitado (atualmente)
if ($("#list_msg").data('scroll-habilitado') === true) {
var scrollHeight = $("#list_msg").prop('scrollHeight');
$("#list_msg").scrollTop(scrollHeight);
}
})
$("#scroll_enable_disable").click(function(){
var currentStatus = $("#list_msg").data('scroll-habilitado');
// faz o toggle de status
$("#list_msg").data('scroll-habilitado', !currentStatus);
})
})
E por padrão, você pode definir se vai vir habilitado ou não, da seguinte forma:
<ul id="list_msg" data-scroll-habilitado="true"></ul>
E como foi pedido um exemplo no JsFiddle, aqui vai:
data
dojQuery
? assim você pode fazer algo tipo<div id="list_msg" data-scroll-habilitado="false">
. Aí você faz umif
. Se for true, você faz$("#list_msg").scrollTop($("#list_msg").prop('scrollHeight'))