为了账号安全,请及时绑定邮箱和手机立即绑定

脚本浮动按钮

脚本浮动按钮

心有法竹 2022-09-23 17:14:11

嘿嘿,伙计们,我从我的朋友那里得到了一些代码,这个代码是网站的浮动按钮,按钮漂浮在网络的左下角,但是有人可以帮助我使这个按钮浮动,例如从底部浮动50px?


我们可以在不使用CSS的情况下制作它吗?


<script type="text/javascript">

    (function () {

        var options = {

            whatsapp: "+66xx", // WhatsApp number

            telegram: "@somethingxxx", // Telegram bot username

            call_to_action: "My Whatsapp and Tele", // Call to action

            button_color: "#932C8B", // Color of button

            position: "left", // Position may be 'right' or 'left'

            order: "whatsapp,telegram", // Order of buttons

        };

        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;

        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';

        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };

        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);

    })();

</script>


查看完整描述

2 回答

?
汪汪一只猫

TA贡献1543条经验 获得超8个赞

首先,您需要选择您的按钮


然后应用 css


中文(


.button {

    position: fixed;

    bottom: 50px;

    left: 50px;   

}


查看完整回答
反对 回复 3天前
?
慕哥9229398

TA贡献1548条经验 获得超5个赞

只需添加此 CSS 即可覆盖默认位置。


div#wh-widget-send-button {

        bottom: 50px !important;

}


查看完整回答
反对 回复 3天前
  • 2 回答
  • 0 关注
  • 8 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信