شرح تثبيت اضافة وتعويمها فى السيدبار بلوجر عند النزول لأسفل

<script>

// Sticky widget by tarekom.com

// Tutorial at http://www.tarekom.com/2016/08/how-to-make-any-widget-sticky_14.html 

// Free to use or share, but please keep this notice intact.

//<![CDATA[

bs_makeSticky("هنا"); // enter your widget ID here

function bs_makeSticky(elem) {

    var bs_sticky = document.getElementById(elem);

    var scrollee = document.createElement("div");

    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);

    var width = bs_sticky.offsetWidth;

    var iniClass = bs_sticky.className + ' bs_sticky';

    window.addEventListener('scroll', bs_sticking, false);

    function bs_sticking() {

        var rect = scrollee.getBoundingClientRect();

        if (rect.top < 0) {

            bs_sticky.className = iniClass + ' bs_sticking';

            bs_sticky.style.width = width + "px";

        } else {

            bs_sticky.className = iniClass;

        }

    }

}

//]]>

</script>

<style>

.bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}

</style>