Javascript 纳瓦尔元'；不要在iFrame内保持静止

我有一个名为facethemusic.co的网站，欢迎您访问。 这是一个音乐流媒体服务和社交音乐网络，所以我需要一个静态音乐播放器，它不会在每次点击链接时自动刷新。所以我使用iFrames，但是当我滚动导航栏时，它不会固定在移动版本的顶部。在桌面版本上向下滚动页面的2/3后，导航栏将消失而不是静止，有人知道如何修复这个问题吗

另外，在桌面上调整浏览器大小时，移动版“似乎”可以工作，但在iPhone上运行时，导航栏不会保持静态

亲切问候,

.navbar自定义{
/*背景色：#297A52；漂亮的绿色*/
背景色：#48d1C；
边界半径：0；
游标：url（../img/cursor.gif），指针；
}
.navbar自定义.navbar导航>li>a{
颜色：#ffffff；
左侧填充：20px；
右边填充：20px；
}
.navbar自定义.navbar nav>.active>a、.navbar nav>.active>a:hover、.navbar nav>.active>a:focus{
颜色：#ffffff；
背景色：透明；
游标：url（../img/cursor.gif），指针；
}
.navbar自定义.navbar导航>li a:悬停{
文字装饰：无；
背景色：#4DDBB8；/*紫色：#660066*/
游标：url（../img/cursor.gif），指针；
}
.nav>li>a：聚焦{
文字装饰：无；
背景色：#000000；
}     
.导航栏定制.导航栏品牌{
颜色：#eeeeee；
}
.navbar自定义.navbar切换{
背景色：白色；
}
.导航栏自定义.图标栏{
背景色：#90C3D4；
}

切换导航

它将解决问题，您可以尝试此方法

请在CSS文件中进行此更改

替换此

#mainFrame {
    cursor: url("img/cursor.gif"), pointer;
    height: 100%;
    margin-bottom: 80px;
    overflow: scroll;
    width: 100%;
}

#mainFrame {
    cursor: url("img/cursor.gif"), pointer;
    height: 99%;
    overflow: hidden;
    width: 100%;
}

用这个

#mainFrame {
    cursor: url("img/cursor.gif"), pointer;
    height: 100%;
    margin-bottom: 80px;
    overflow: scroll;
    width: 100%;
}

#mainFrame {
    cursor: url("img/cursor.gif"), pointer;
    height: 99%;
    overflow: hidden;
    width: 100%;
}

只需在css的主体{--here--}中添加“overflow-y:scroll；”

---

希望它能解决这个问题

您应该使用AJAX来解决这个问题，iFrame已经过时了。谢谢，但是有没有办法让它在iFrame中工作呢？例如，使用javascript/jquery创建自定义静态导航栏选项？我在google上做了一些研究，iFrames似乎并不过时，特别是对于像我这样不想走AJAX路线、希望尽可能坚持HTML/5的人来说。请尝试一下，看看下面的答案是否能解决您的问题。ThanksIt适用于静态桌面版本，但在移动版本上，当我滚动时，它仍然会在旁边滚动。这可能与此有关吗？如果将iframe的高度更改为98%，它也将解决移动设备中的问题。请试试。我也试过了，还是不行。你还有其他的修复方法吗？我很高兴它与桌面上的静态栏一样工作是的，我同意让我们解决这个问题。我正在iPhone6上试用，它不会保持静态。你安装了引导程序吗？访问facethemusic.co并在手机中渲染它，看看它是否是静态的，因为我正在使用您的代码。