时间戳

首页 > 解决方案 > Javascript浮动按钮

javascript - Javascript浮动按钮

问题描述

helo 伙计们，我从朋友那里得到了一些代码，该代码是网站的浮动按钮，该按钮浮动在网络的左下角，但是有人可以帮我让这个按钮浮动，例如从底部浮动 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>

标签： javascripthtmlwebbuttonfloating

解决方案

首先你需要选择你的按钮

然后应用css

CSS：

.button {
    position: fixed;
    bottom: 50px;
    left: 50px;   
}

推荐阅读