1.0JassWebhttps://jassweb.com/solvedKirathttps://jassweb.com/solved/author/jaspritsinghghumangmail-com/rich600338<blockquote class="wp-embedded-content" data-secret="bhhaxevk5X"><a href="https://jassweb.com/solved/solved-position-sticky-css/">[Solved] POSITION STICKY CSS</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://jassweb.com/solved/solved-position-sticky-css/embed/#?secret=bhhaxevk5X" width="600" height="338" title="“[Solved] POSITION STICKY CSS” — JassWeb" data-secret="bhhaxevk5X" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://jassweb.com/solved/wp-includes/js/wp-embed.min.js </script> [ad_1] If you want to avoid such overlap you need to consider more container where you wrap each date add its messages in the same container. Doing this, the previous day will scroll before the next one become sticky * { margin: 0px; padding: 0px; } .chat { overflow: auto; border: solid 1px black; left: ... Read more