百度分享的微信二维码位置处理

var baiduShare = {
        ele: {
            weixinEle: $(".article-content .bds_weixin")
        },
        init: function () {
            baiduShare.ele.weixinEle.bind("click", baiduShare.clickFun);
        },
        clickFun: function () {
            $(".bd_weixin_popup").css({"opacity": "0"});
            var _this = $(this);
            var left = Math.ceil(_this.offset().left - 60);
            var top = Math.ceil(_this.offset().top + 40);
            setTimeout(function () {
                $("#bdshare_weixin_qrcode_dialog_bg").remove();
                $(".bd_weixin_popup").after($(".bd_weixin_popup").prop("outerHTML")).remove();
                $(".bd_weixin_popup").css({"left": left, "top": top, "opacity": "1"});
                if ($(window).width() > 992) {
                    $(window).scroll(function () {
                        if ($(window).scrollTop() >= 1) {
                            $(".bd_weixin_popup").css({"top": top - 60});
                        } else {
                            $(".bd_weixin_popup").css({"top": top});
                        }
                    });
                } else if ($(window).width() < 380) {
                    var small_left = ($(window).width() - 255) / 2;
                    $(".bd_weixin_popup").css({"left": small_left});
                }
                $(".bd_weixin_popup .bd_weixin_popup_close").click(function () {
                    $(".bd_weixin_popup").hide()
                });
            }, 1000);
            $(window).resize(function () {
                var left = Math.ceil(_this.offset().left - 60);
                var top = Math.ceil(_this.offset().top + 40);
                $(".bd_weixin_popup").css({"left": left, "top": top, "opacity": "1"});
            })
        }
    };
    baiduShare.init();

你可能感兴趣的:(html,css,javascript)