@*点击按钮页面刷新的时候 记住滚动条的位置*@ 代码如下:<script type="text/javascript"> window.onbeforeunload = function () { var scrollPos; if (typeof window.pageYOffset != undefined) { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != undefined && document.compatMode != BackCompat) { scrollPos = document.documentElement.scrollTop; } else if (typeof document.body != undefined...
代码如下:<section> <article class="left"> <p> </p> <ul> <li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容</a></li> <li><a href="http://freejs.net/article_jquerywenzi_148.html" title="jquery 弹出层 弹窗">jquery 弹出层 弹窗</a></li> <li><a href="http://freejs.net/article_jquerywenzi_147.html" title="php文件管理,可以点击按照时间,大小,名称排序"...
1,注册页面滚动事件,window.onscroll = function(){ }; 2,相关获取页面高度、滚动条位置、文档高度的函数: 代码如下://获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { scrollTop = document.documentElement.scrollTop; } else if (document.body) { scrollTop = document.body.scrollTop; } return scrollTop; } //获取当前可是...
这里有一个方法可以将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({ scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() });? 不需要任何JQuery插件即可完成所需...
用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码。 代码如下:<!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=UTF-8" /> <title>越狱的囚徒...
代码如下:var currentPosition,timer; function GoBottom(){ timer=setInterval("runToBottom()",50); } function runToBottom(){ currentPosition=document.documentElement.scrollTop || document.body.scrollTop; currentPosition+=30; if(currentPosition<document.body.scrollHeight && (document.body.clientHeight + document.body.scrollTop < document.body.scrollHeight)) { //window.scrollTo(0,currentPosition); //al...
jquery在scroll()事件里面,我想判断当前滚动条横向还纵向;我开始用全局变量记录scrollTop的值来判断的,如果前后值没有变就是横向滚动了,但是页面里有多个滚动条,就要多个全局变量来控制,该怎么判断呢?scroll jquery 区分横向纵向滚动条 解决方法:each一次设置选择器选中对象的scrollLeft/scrollTop就行了,然后绑定scroll事件,触发的时候获取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop对比判断是横向还是纵向,...
scroll事件适用于window对象,但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。 代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前滚动条滚动的距离 //$(window).height()获取当前窗体的高度 //$(document).height()获取当前文档的高度 var bot = 50; //bot是底部距离的高度 if ((bot + $(w...
代码如下:$(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的要获取顶端,只需要获取到scrollTop()==0的时候就是顶端; 要获取底端,只要获取scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了; 代码如下:$(document).scrollTop() 获取垂直滚动的距离 即...
部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广告。 jQuery代码: 代码如下:var rollSet = $(#Roll);// 检查对象,#sidebar-tab是要随滚动条固定的ID,可根据需要更改var offset = rollSet.offset();$(window).scroll(function () { // 检查对象的顶部是否在游览器可见的范围内 var scrollTop = $(window).scrollTop(); if(offset.top < s...
实现代码: 代码如下:<script type="text/javascript">var rollSet = $(#widget); var offset = rollSet.offset(); var fwidth = $("#footer").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop(); var scrollBtm = $(document).height() - $(window).scrollTop() - $("#widget").height(); if (offset.top < scrollTop) { if (scrollBtm > fwidth) { ...
最近在做一个项目,功能已经实现,突然用户要求表头是浮动的(因为内容在同一页面展示,当滚动时,看不到列头)。由于功能已经实现使用jquery+纯html,为了改动少只能使用jquery原生态实现滚动。 html表头代码: 代码如下:<tr class="header" > <td width="150" style="border-bottom:0px;"> </td> <td colspan="2" style="border-bottom:0px;"> </td> <td colspan="7">师资力量</td> <td colspan="14">科研</td> <td style="bord...
代码如下:<!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=utf-8" /><title>自定义滚动条插件</title><style type="text/css"><!--html,body{height:100%;}body {margin:0; padding:0; background:#111 url(mcs_demo_bg.jpg) no-repe...
代码如下:<%@ Page Language="C#" AutoEventWireup="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> // 计算数据,完全可以从数据看取得 ICollection CreateDataSource( ) { System.Data.DataTable dt = new System.Data.DataTable(); System.Data.DataRow dr; dt.Columns.Add(new System.Data.DataColumn("学生班...
昨天有一需求,是希望页面加载完毕后向左自动滚动一定位置。 一直以为只要给页面的 document.documentElement.scrollLeft 设置一个数值就生效,结果失望了~ 今天抽空一查,才发现: 使用document.documentElement.scrollLeft 设置值,必须在人为事件触发下才生效; 想要页面加载完毕时自动滚动一定距离,则使用jquery的animate,如下面例子: $("html,body").animate({"scrollLeft": "300px"}, 1000); $("html,body").animate({"sc...