Tam anlamıyla bir css uygulaması yapmadım siteyi yeni tasarlıyorum sadece kemik kısmını yapıyorum görsele sonra geçeceğim ama scolbar kodlarını aldıgım yer aşağıdaki linkte mevcut ve aynen kullandım
BURDAN bakabilirsiniz.dediginiz padding-bottom:0px; değilmi? mantıksal olarak bir kaç yere ekledim ama sonuçalamadım. verdigim linkteki örnek üzerinde nlatabilirsiniz.
Sanırım 1 saattir bununla uğraşıyorum, sonunda olayı farkedip çözebilme şansını yakaladım. Şimdi gereksiz sözlere girmeden olayı özetleyeyim.
Bu kodu head etiketlerinizin en başına koyuyuyorsunuz öncelikle.
$("div").scrollTop(); bu kodu javascript kullanarak üstten boşluk verebiliyoruz.
$("div").offset().top) bu kod ise mevcut scrollbar'ın bulunduğu alananın height değerini döndürüyor.
$("div").scrollTop($("div").offset().top); bu kullanımda ise scrollbarın bulunduğu kutunun height değerini alıp üstten boşluk bırakmaya yarıyor.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){ $("div").scrollTop($("div").offset().top); });
</script>Umarım işinize yarar, div olan kısmı kendinize göre değiştirebilirsiniz.