页面顶部,固定不动

转载 2016年08月31日 10:56:58

那里看到的,我忘了,当时需要的时候,用了一下,需要的可以看看!!!用的别人的代码,不喜勿喷,谢谢贴出此代码的原创作者!!!


下面是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>chinmo.net</title>
<style type="text/css">
body{
 margin:0px;
 padding:0px;
}
#glideDiv0{position:fixed; bottom:0;left:0; width:100%; background:#F00;}
</style>
<!--[if IE 6]> 
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#glideDiv0{position:absolute;}
</style>
<![endif]-->
</head>
<body>
<div style="position:fixed;width:1300px;height:100px;left:0px;top:0px;background-color:blue;">
	大家好啊   啊
</div>
<div id="glideDiv0">
固定顶部不动
</div>
<div id="wrap_outer">
<br/><br/>固定Div,且scroll时Div不闪动。
<br/><br/>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa
<br/><br/>aaaa11
</div>
</body>
</html>


ScrollView 实现子视图滑动到顶部时固定不动

我们现在看看效果 (制作GIF图片太麻烦 ) 这就是实现之后的效果,中间的那块视图当ScrollView滑动到顶部的时候就会一直留在顶部,直到滑动下来的时候才会继续跟着滑动。 这里就需...
  • liaoyi_
  • liaoyi_
  • 2016年10月24日 17:18
  • 3720

页面跳到顶部的方法

页面跳到顶部的方法 一、使用锚点链接 毫无疑问,使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接,然后我们在页面下方放置一个返回到该锚点的链接,用...
  • tom0008668
  • tom0008668
  • 2017年04月11日 19:08
  • 225

Jquery DIV滚动至浏览器顶部后固定不动代码

来源:   时间:2013-09-05 20:24:50   阅读数:17834 分享到:1 [导读] 获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超...
  • u013490585
  • u013490585
  • 2014年09月18日 11:56
  • 942

Web JS实现页面返回顶部

采用js的scrollTop属性实现了一下这个简单的功能 当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶...
  • royal_mjz
  • royal_mjz
  • 2017年04月12日 09:54
  • 607

javascript实现页面中回到顶部功能

当一个页面比较长的时候,在下拉页面到一定长度的时候,页面右下角通常会出现一个回到顶部的图标,点击即可以回到页面顶部,本案例对这一功能进行了简单实现。当页面下拉到一定长度后,页面右下角出现一个回到顶部图...
  • zhongguohaoshaonian
  • zhongguohaoshaonian
  • 2016年09月20日 11:37
  • 1941

jquery实现点击回到页面顶部

当页面很长的时候,使用滑动条回到顶部总是感觉很不方便,在我做项目遇到这个问题的时候,选中使用jQuery来实现。 jQuery实现回到顶部按钮效果 .upframe{height:1300px...
  • yangmingxing980
  • yangmingxing980
  • 2014年03月24日 11:58
  • 1465

自定义CoordinatorLayout的Behavior实现知乎和简书快速返回效果

Design lib里面的CoordinatorLayout是一个非常强大的控件,它接管了child组件之间的交互。让你滑动交互使用更加方便简单,效果也更加强大,不需要向以前那样自己处理一坨什么乱七八...
  • tiankong1206
  • tiankong1206
  • 2015年09月12日 15:27
  • 24805

js常用返回网页顶部几种方法

返回顶部的广告有很多种,如有锚标记、JS scrollTo函数、scrollBy慢速滚动返回顶部及现在常用的jquery返回顶部代码 网页编程中时常会用到返回网页顶部代码,返回顶部方法只有两种:...
  • lixingshi
  • lixingshi
  • 2016年06月12日 19:48
  • 9007

初次进入页面ScrollView的滚动条不在顶部的解决办法

当加载数据完成后,ScrollView的内容会很多,滚动条会滚动,这样会ScrollView的第一个Child显示不全,这样造成不好的用户体验, 此时有两个解决办法: (1)加载数据完成后,延时设...
  • lue2009
  • lue2009
  • 2015年05月04日 16:18
  • 1323

去除网页顶部的空白的一些方法总结

网页顶部出现一行25像素左右的白边,去除这条边线有以下几种方法:   1.换个浏览器看看,有可能是代码兼容性的问题。   2.检查HTML代码,看看开始处是否不小心添加了之类的换行代码,如...
  • dreamboycx
  • dreamboycx
  • 2014年09月24日 21:11
  • 1169
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页面顶部,固定不动
举报原因:
原因补充:

(最多只允许输入30个字)