如何在用户使用javascript向下滚动时创建一个附加到浏览器窗口顶部的层

How to create a layer that attaches to the top of a browser window while the user scrolls down with javascript

本文关键字：一个 浏览器 顶部 窗口 用户 javascript 创建 滚动      更新时间：2023-10-23

我一直在做一些可能不该做的事情。我有一个网站设计与wix主机。它们不支持css层，但当你使用它们的免费版本时，它们会自动在每个页面的顶部插入一个带有徽标和立即注册按钮的广告。我重写了他们的代码，并使用他们的服务器端显示我的徽标，并在视图的顶部固定了"立即注册"按钮，即使页面向下滚动。然而，他们只是更改了一些内容，现在我的网站又没有"立即注册"按钮了。

我见过JavaScript，它可以创建一个按钮在固定位置生成一个层，但我如何使用JavaScript代码在页面向下滚动时保持在页面顶部的视图中生成层加载。Wix支持标签。这个相同的代码可以修改为允许只使用滚动的中心部分来修复页眉和页脚吗？我的网站可以在这里看到。如果您想了解当前的布局。

尝试使用此代码。

<div id="sMenuR" style="background-color: red; width:50px; height:50px; "> </div>
    <script type="text/javascript">
        var NS = (document.layers) ? true : false;
        var IE = (document.all) ? true : false;
        jQuery(document).ready(function() {
            jQuery('#sMenuR').click(function() {
                jQuery("html, body").animate({
                    scrollTop : 0
                }, 600);
                return false;
            });
            if (IE) {
                window.setInterval(function() {
                    var position = document.documentElement.scrollTop;
                    jQuery("#sMenuR").animate({ top : position + "px" }, 600);
                }, 1000);
            }else{
                window.setInterval(function(){
                    jQuery("#sMenuR").animate({top : jQuery(document).scrollTop()  + "px" }, 600); 
                },1000);
            }
        }
        );
    </script>
相关文章：