html文本滚动到底后自动回到顶部,JS 实现DIV 滚动至顶部后固定

JS 实现DIV 滚动至顶部后固定

DIV滚动至顶部后固定

Test Div

function menuFixed(id) {

var obj = document.getElementById(id);

var _getHeight = obj.offsetTop;

window.onscroll = function () {

changePos(id, _getHeight);

}

}

function changePos(id, height) {

var obj = document.getElementById(id);

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

if (scrollTop < height) {

obj.style.position = 'relative';

} else {

obj.style.position = 'fixed';

}

}

window.onload = function () {

menuFixed('nav_keleyi_com');

}

&lbrack;js常用&rsqb;页面滚动的顶部&comma;指定位置或底部&comma;平滑滚动

js平滑滚动到顶部.底部.指定地方

&lbrack;HTML&sol;JS&rsqb; JQuery 页面滚动回到顶部

HTML:

var currentPositi ...

div滚动到页面顶端后固定住

...

滚动页面时DIV到达顶部时固定在顶部

本示例使用Javascript实现了滚动页面时,DIV到达顶部时固定在顶部.在IE下效果有点闪,效果网址:http://www.keleyi.com/keleyi/phtml/fixdiv.htm 下 ...

JS DIV列表自动滚动带停顿，滚动到底部后自动滚动到顶部

setInterval -- 间隔执行函数:element.scrollTop -- 元素滚动条距头部的距离: 因为执行代码需要时间,所以最终动态时间会比设置的要慢 var slide = new S ...

一款基于jquery滑动后固定于顶部的导航

之前已为大家介绍了好多css3实现的导航菜单.今天分享一款基于jquery滑动后固定于顶部的导航.这款导航的特点是初始位于顶部下面一百个像素,当鼠标滚动时到下方,导航一直处于顶部.效果图如下: 在线预 ...

scrollTop如何实现click后页面过渡滚动到顶部

用JS操作,body元素的scrollTop var getTop = document.getElementById("get-top"); var head = documen ...

js平滑滚动到顶部&comma;底部&comma;指定地方

[原文链接] 采用锚点进行页面中的跳转的确很方便,但是要想增加网页的效果,可以使用jquery中的animate,实现滚动的一个动作,慢慢的滚动到你想跳转到的位置,从而看起来会非常高大上. [示例演示 ...

随机推荐

PDO概念 分析 练习

PDO 翻译过来叫做数据访问抽象层 它是一个数据访问的层面,实际上是一个类,也就是说所有操作数据库的代码,都是通过这个层面完成的 该图好理解大概就是这样一种模式 现在考虑的是能不能使用同一个类,上层代 ...

C&num;文件夹和文件操作

File.Exist(string path)//文件读写FileStream fs=new FileStream(filename, FileMode.Create);BinaryWriter bw ...

linux分区和文件系统

linux分区主分区:最多只能有4个扩展分区:最多只能有一个 主分区+扩展分区最多4个 扩展分区不能写入数据,只能包含逻辑分区 见图示:fq.png 主分区:总共最多只能分4个扩展分区:只能有1个,也 ...

Fitnesse-20140630与RestFixture-3&period;1编译与运行步骤

为了能使RestFixture-3.1在Fitnesse-20140630中正确打印测试结果,准备修改RestFixture. 1.下载并编译Fitnesse-20140630 以下步骤以在64位Wi ...

CCI&lowbar;chapter 2 Linked Lists

2.1  Write code to remove duplicates from an unsorted linked list /* Link list node */ struct node { ...

IOS NSArray 倒序

NSMutableArray *array = [NSMutableArray arrayWithObjects:@"1",@"2",@"3&quot ...

Windows Server 2003 下如何安装及配置 FTP 服务器(转)

Windows Server 2003 下如何安装及配置 FTP 服务器 一.安装 FTP 服务器组件: 写在这里的一点 : 安装及配置 FTP 服务器之前 , 必须先手工配置服务器本身的 IP 地址 ...

解决Editor&period;md通过代码块原样输出Emoji被强制解析问题

Editor.md是一款优秀的开源Markdown 编辑器,在使用中遇到的一些问题和功能改进分享给需要的伙伴. 项目地址 https://github.com/pandao/editor.md 问题 ...

CentOS7 下安装GUI图形界面GNOME

在安装Gnome包之前,需要检查一下网络是否有网络(使用ping www.baidu.com) 一.先装X windows,-y表示参数同意所有软件安装操,当出现 Complete!说明这里安装成功了 ...