联系官方销售客服

1835022288

028-61286886

求助 版主:官方研发技术组
网站悬浮窗的js伸出缩进问题
类型:迅睿CMS 更新时间:2022-08-09 10:58:04


请教一下大家,这是悬浮窗的js,但是每次打开我也悬浮窗都是缩进去的,怎么改让悬浮窗在每次打开网页是展开的呢?

$('.kf .kf-side').click(function(){
        //$('.kf').animate({ right: '-208' }, "slow");
        var rt = $('.kf').css("right");
        //alert(rt);
        var num = parseInt(rt);
        //alert(num);
        if(num < 0){
            $('.kf').animate({ right: '20px' }, "slow");
            $('.kf .kf-side span.arrow').addClass('on');
        }else{
            $('.kf').animate({ right: '-208px' }, "slow");
            $('.kf .kf-side span.arrow').removeClass('on');
        }
    });
    $('.kt-top span.close').click(function(){
        $('.kf').animate({ right: '-208px' }, "slow");
    });

    //返回顶部
    $('.kf .backTop').click(function() {
        $("html,body").stop().animate({ scrollTop: '0' }, 500);
    });

    
});


回帖
  • geekcode
    #1楼    geekcode
    2022-08-04 10:18:03
    华为手机 1
    把那个'on'位置换下呢,默认添加,点击移除 on
  • helloweb
    #2楼    helloweb
    2022-08-04 10:18:09
    Chrome 0
    $('.kf .kf-side').click(function(){
            //$('.kf').animate({ right: '-208' }, "slow");
            var rt = $('.kf').css("right");
            //alert(rt);
            var num = parseInt(rt);
            //alert(num);
            if(num < 0){
                $('.kf').animate({ right: '-280px' }, "slow");
                $('.kf .kf-side span.arrow').removeClass('on');
            }else{
                $('.kf').animate({ right: '20px' }, "slow");
                $('.kf .kf-side span.arrow').addClass('on');
            }
        });
        $('.kt-top span.close').click(function(){
            $('.kf').animate({ right: '20px' }, "slow");
        });
        //返回顶部
        $('.kf .backTop').click(function() {
            $("html,body").stop().animate({ scrollTop: '0' }, 500);
        });
        
    });
  • 悦笙
    #3楼    悦笙
    2022-08-04 10:24:03
    小米手机 0
    $('.kf').css( 'right', '20px' );
    $('.kf .kf-side span.arrow').addClass('on');加在这段js前面
  • 干掉上帝
    #4楼    干掉上帝
    2022-08-04 16:55:06
    Chrome 0
    helloweb 二楼失败,按照你的代码浮窗所在里面了,点页点不开了
    image
    满意答案
  • 干掉上帝
    #5楼    干掉上帝
    2022-08-09 10:58:04
    Chrome 0
    @干掉上帝:直接调整CSS样式就可以了,无需动js