隐藏和浮动栏

Question

我们正在尝试在用户不滚动页面时使用自动隐藏功能来制作浮动条。

我们有一个这样的示例代码，因此它不起作用（因为它是在隐藏模式下编码的）

		<section class="hidden-sm hidden-lg hidden-md" style="width: 100%; position: fixed; bottom: -10px; left: 0px; z-index: 100000; display: none;" id="btn-llamar">
		    <div class="container">
		        <div class="row">
		            <div class="col-xs-12" style="padding: 0;">
		                <a href="tel:900100100" onclick="javascript:gtag('event', 'conversion', {      'send_to': 'AW-815834446/vG1aCKny04MBEM7KgoUD' });" class="btn btn-llamar btn-success " style="width: 100%;font-weight: 700;height: 84px;font-size: 31px;padding-top: 18px;padding-left: 32px;background-color: #57b424;text-transform: uppercase;margin-top: 15px;"> <span style="position: relative;" class="call-to-action visible-xs">Llamar</span></a>
		            </div>
		        </div>
		    </div>
		</section>

我们如何正确编码移动导航栏？

我们的想法是在页脚上创建一个浮动栏，就像当用户向下滚动以显示该栏以单击以调用时一样。

谢谢