Javascript浮动按钮

Question

我从我的朋友那里得到了一些代码，这个代码是网站的浮动按钮，这个按钮漂浮在网页的左下角，但是有人能帮我让这个按钮从底部漂浮到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>

Answer 1

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

div#wh-widget-send-button { bottom: 50px !important; }

Answer 2

首先你需要选择你的按钮

然后应用css

CSS：

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