jquery 页面滚动到指定DIV实现代码
function mScroll(id){$("html,body").stop(true);$("html,body").animate({scrollTop: $("#"+id).offset().top}, 1000);}
相关推荐
-
jQuery实现div浮动层跟随页面滚动效果
复制代码 代码如下: <!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=&qu
-
利用div+jquery自定义滚动条样式的2种方法
最近做项目中有一个模块是用于实时监控的,左边有个菜单栏用于显示所有的设备,那当然是从数据库中动态获取的了,右边是个iframe用于显示监控画面.本来这个功能并不复杂,左边的菜单项是利用dtree.js来实现的,可时当功能实现完成之后,却发现一个问题,就是左边菜单栏中的设备名有的会很长,会超出了div的长度,准确说是左边iframe的宽度和长度不够.那么,这时就必须要利用滚动条了,可以设置左边菜单项div的overflow-x:auto;overlfow-y:auto;这样就会自动生成了滚动条,但
-
jQuery判断div随滚动条滚动到一定位置后停止
实现代码: 复制代码 代码如下: <script type="text/javascript">var rollSet = $('#widget'); var offset = rollSet.offset(); var fwidth = $("#footer").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop();
-
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位. 复制代码 代码如下: var container = $('div'), scrollTo = $('#row_8'); container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() ); // Or you can animate the scrolling: container.animate({
-
JQuery+DIV自定义滚动条样式的具体实现
JQuery计算滚动条长度和位置,代码如下: javascript 复制代码 代码如下: <script type="text/javascript"> var scrMinHeight = 1; //滚动条最小高度 var scrMaxHeight = 0; //滚动条最大高度 var scrDefualtTop = 80; //滚动条默认位置 var scrHeight = 0; //初始化滚动条 function InitScrol
-
jquery简单实现滚动条下拉DIV固定在头部不动
复制代码 代码如下: <!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=&qu
-
一个用jquery写的判断div滚动条到底部的方法【推荐】
jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop.scrollLeft.scrollHeight.其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它. 我们现在只探讨和垂直滚动有关的 scrollTop.scrollHeight 属性. 一.滚动条有关属性的正确理解: 假设有以下Html代码: <div id="div1" style="overflow-y:auto; ove
-
基于jquery的滚动条滚动固定div(附演示下载)
例如:淘宝商品详情里,滚动条往下来拉的时候,商品详情和评价那个nav会固定,现在很多网站也都有这样类似的效果,现在流行这个么?元芳,你怎么看?我也在网上找了找代码,屡试不爽啊,很多代码乱且没用.于是乎,我自己写一个,代码非常之简单,只有10几行,但遗憾的是,不兼容IE6,如果谁有兼容IE6的例子,还请指教. 直接贴下代码吧. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quo
-
基于jquery的DIV随滚动条滚动而滚动的代码
核心代码: 复制代码 代码如下: <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function() { var top = $(
-
jquery DIV撑大让滚动条滚到最底部代码
复制代码 代码如下: $("#feedbackContainer").scrollTop($("#feedbackContainer").height());
-
jQuery控制div实现随滚动条滚动效果
本文实例讲述了jQuery控制div实现随滚动条滚动效果的方法.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery div随滚动条滚动效果</title> <script src="../js/jquery-1.11.1.min.js" type="text/javascript"&
随机推荐
- Go语言MessageBox用法实例
- Validation of viewstate MAC failed.的解决方法
- VS2015下OpenGL库配置教程
- Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
- PHP获取二维数组中某一列的值集合
- Drupal7连接多个数据库及常见问题解决
- PHP性能分析工具XHProf安装使用教程
- Python闭包的两个注意事项(推荐)
- Python smallseg分词用法实例分析
- C#获取程序文件相关信息的方法
- MySQL5.5.21安装配置教程(win7)
- 命令行模式下备份、还原 MySQL 数据库的语句小结
- ThinkPHP3.1新特性之命名范围的使用
- html小技巧之td,div标签里内容不换行
- java基于JDBC连接Oracle 11g Release2实例分析
- Oracle归档日志写满(ora-00257)了怎么办
- jquery实现选中单选按钮下拉伸缩效果
- C语言顺序表实现代码排错
- JavaScript对象属性检查、增加、删除、访问操作实例
- Java实现冒泡排序与双向冒泡排序算法的代码示例