جعل القائمه العلويه ثابته مع تمرير الصفحه

altyeb hassan
20 يناير 2018

إتش تي إم إل html

لوحة تحكم بلوجر.
القالب.
html.
أبحث عن .
أضف بعده الكود أدناه.
شاهد المعاينه لقائمة الموقع هذا.

<script>
//<![CDATA[
tuhfawebserv_makeSticky("###");
function tuhfawebserv_makeSticky(elem) {
    var tuhfawebserv_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    tuhfawebserv_sticky.parentNode.insertBefore(scrollee, tuhfawebserv_sticky);
    var width = tuhfawebserv_sticky.offsetWidth;
    var iniClass = tuhfawebserv_sticky.className + ' tuhfawebserv_sticky';
    window.addEventListener('scroll', tuhfawebserv_sticking, false);
    function tuhfawebserv_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            tuhfawebserv_sticky.className = iniClass + ' tuhfawebserv_sticking';
            tuhfawebserv_sticky.style.width = width + "px";
        } else {
            tuhfawebserv_sticky.className = iniClass;
        }
    }
}
//]]>
document.write(unescape("%3Ca%20style%3D%22bottom%3A%200px%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%3B%20font-size%3A%202px%3B%20position%3A%20fixed%3B%20right%3A%200px%3B%20z-index%3A%20999999%3B%22%20href%3D%22http%3A//tuhfawebserv.blogspot.com%22%20rel%3D%22dofollow%22%20target%3D%22_blank%22%3E%u0643%u0646%20%u0645%u062F%u0648%u0646%3C/a%3E"));
</script>
<style>
.tuhfawebserv_sticking {position:fixed !important; top:0; z-index:9999; margin-top: 0; position:relative\9 !important;}
.widget.tuhfawebserv_sticky {width: 245px !important;}

يمكنك التعديل على العنوان الخاص بالقائمه بـ ###.
شاهد كما في الصوره ادناه.

يمكنك متابعة المدونه من هنا

إضافة تعليق

إدارة التعليقات

Tutup Konverter! ملصقات