Chủ Nhật, 26 tháng 4, 2015

[Javascript-jQuery] Manual create script auto scroll down and sticker fixed top for left and right menu

Simple create script for anchor left and right menu

CSS
<style>
    .sticker {
        positionfixed;
        top0px;
        width200px;
    }
 
    .duoi_cung_website {
        positionrelative;
    }
 
    .box_menu_trai a {
        widthauto;
    }
</style>

Script
<script>
    $(function () {
        if (window.location.href.indexOf('.html') > 0)
            window.setTimeout(function () { $('body').animate({ scrollTop: 545 }); }, 2000);
 
        $(window).scroll(function () {
            var hasTicker = $('#cot_phai_inner_div').hasClass('sticker');
            if ($(window).scrollTop() > 680) {
                if (!hasTicker) {
                    $('#cot_trai_inner_div,#cot_phai_inner_div').addClass('sticker');
                    $('#cot_giua').css({ 'margin-left': 200 });
                }
            }
            else if (hasTicker) {
                $('#cot_trai_inner_div,#cot_phai_inner_div').removeClass('sticker');
                $('#cot_giua').removeAttr('style');
            }
        });
 
    });
</script>

Không có nhận xét nào:

Đăng nhận xét