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

脚本浮动按钮

脚本浮动按钮

心有法竹 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贡献1898条经验 获得超8个赞

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


然后应用 css


中文(


.button {

    position: fixed;

    bottom: 50px;

    left: 50px;   

}


查看完整回答
反对 回复 2022-09-23
?
慕哥9229398

TA贡献1877条经验 获得超6个赞

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


div#wh-widget-send-button {

        bottom: 50px !important;

}


查看完整回答
反对 回复 2022-09-23
  • 2 回答
  • 0 关注
  • 56 浏览
慕课专栏
更多

添加回答

举报

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