$('my-div').stop().animate({
scrollTop: $('my-div').prop('scrollHeight') - $('my-div').height()
}, 1000);subgrid, которая пока не поддерживается браузерами, либо просто использовать один грид на построение всей сетки. Возможности grid воистину безграничны.
1) Структура html/css чата должна быть в отдельном файле? Как это потом интегрировать на сайт?
2) Есть какие-то требования к чату? Где-то вычитал, что блоков head и body быть не должно, так же как и т.к. этот файл потом будет добавляться на уже готовый сайт.
3) Можете скинуть ссылки в codepen или примеры кода для таких чатов.
var pressTimer;
$("a").mouseup(function(){
// чистим таймер
clearTimeout(pressTimer);
return false;
}).mousedown(function(){
// ставим таймер
pressTimer = window.setTimeout(function() {
// здесь пишем наш код
},1000);
return false;
});a, конечно, может быть и кнопка мыши, и код любой кнопки на клаве.
display: none с поиском по :hidden.
var $messagesContainer = $('#messages-container');
$messagesContainer.stop().animate({scrollTop: $messagesContainer.scrollHeight}, 1000);events/callbacks – это такие полезные функции, которые реагируют на изменения в слайдере. В данном случае нужно использовать эти встроенные функции либо для отслеживания последнего слайда в текущем слайдере, либо (если позволяет функционал слайдера) тот момент, что слайдер "закончился". А уже по этому событию переходить к следующему слайдеру.
$(window).scrollTop() и $(element).offset().top.