Html 使用iFrame返回页面顶部链接?

Html 使用iFrame返回页面顶部链接?,html,iframe,Html,Iframe,我正在尝试做一个链接,当你点击它时,它会把你带到页面的顶部。我已经在每一页上有了页眉和页脚。它们是使用iFrame嵌入的。现在,我想把 <a name="top"></a> 在页脚上。但是当我添加它们时,当我点击链接时,什么也没有发生。我尝试添加target=“\u top”,但这只会在新选项卡中打开页脚 有人知道如何编写html,以便在单击页脚中的链接后将我带到当前页面的顶部吗?更改在嵌入页眉和页脚的页面上应用此代码。 在head部分应用此脚本 $(文档).

我正在尝试做一个链接,当你点击它时,它会把你带到页面的顶部。我已经在每一页上有了页眉和页脚。它们是使用iFrame嵌入的。现在,我想把

<a name="top"></a>

在页脚上。但是当我添加它们时,当我点击链接时,什么也没有发生。我尝试添加target=“\u top”,但这只会在新选项卡中打开页脚


有人知道如何编写html,以便在单击页脚中的链接后将我带到当前页面的顶部吗?

更改

在嵌入页眉和页脚的页面上应用此代码。

在head部分应用此脚本


$(文档).ready(函数(){
//检查窗口是否在顶部,如果不是,则显示按钮
$(窗口)。滚动(函数(){
如果($(this).scrollTop()>100){
$('.scrollToTop').fadeIn();
}否则{
$('.scrollToTop').fadeOut();
}
});
//单击事件以滚动到顶部
$('.scrollToTop')。单击(函数(){
$('html,body').animate({scrollTop:0},200);
返回false;
});
});
.fixedscrolltotop
{
位置:固定;
底部:25%;
右:0;
宽度:149px;
颜色:黑色;
字体大小:粗体;
文本对齐:居中;
-webkit-box-flex:1;
}
.scrollToTop
{
宽度:80px;
高度:80px;
文本对齐:居中;
背景:白烟;
字体大小:粗体;
颜色:#444;
文字装饰:无;
位置:固定;
底部:60px;
右:0px;
显示:无;
背景:url('http://tech.firstpost.com/wp-content/uploads/up-arrow-icon.png")不重复;;
背景大小:100%100%;
不透明度:0.5;
-webkit-box-flex:1;
}
.scrollToTop:悬停
{
文字装饰:无;
不透明度:1;
-webkit-box-flex:1;
}

一个简单的
应该会将您带到页面顶部。
<a href="#top"></a>