jQuery 中 $(window).scrollTop(); 原生的js怎么写

问题描述

如题

解决方案

解决方案二:
window.scrollTo()
解决方案三:
引用1楼kyzy_yy_pm的回复:

window.scrollTo()

不是哎
解决方案四:
document.body.scrollTop?
解决方案五:
document.documentElement.scrollTop
解决方案六:
vartop=document.body.scrollTop|document.documentElement.scrollTop;
解决方案七:
vartop=document.body.scrollTop|document.documentElement.scrollTop;是这两个其中的一个,看你的html用什么规范。
解决方案八:
vartop=document.body.scrollTop||document.documentElement.scrollTop;
解决方案九:
jQuery.each(["Left","Top"],function(i,name){varmethod="scroll"+name;jQuery.fn[method]=function(val){varelem=this[0],win;if(!elem){returnnull;}if(val!==undefined){//Setthescrolloffsetreturnthis.each(function(){win=getWindow(this);if(win){win.scrollTo(!i?val:jQuery(win).scrollLeft(),i?val:jQuery(win).scrollTop());}else{this[method]=val;}});}else{win=getWindow(elem);//Returnthescrolloffsetreturnwin?("pageXOffset"inwin)?win[i?"pageYOffset":"pageXOffset"]:jQuery.support.boxModel&&win.document.documentElement[method]||win.document.body[method]:elem[method];}};});

时间: 2024-12-29 12:07:29

jQuery 中 $(window).scrollTop(); 原生的js怎么写的相关文章

Jquery揭秘系列:ajax原生js实现详解(推荐)_jquery

讲到ajax这个东西,我们要知道两个对象XMLHTTPRequest和ActiveXObject ,提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力.可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容.XMLHTTPRequest基本上算是标准化了,兼容大部分浏览器ActiveXObject这玩儿意儿是微软的东西,所以是为了兼容IE版本,我们用的只是它的xmlHTTP功能. 为了功能的明确和清晰,我们

JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述_javascript技巧

所以Javascript已经成为了web开发最最基本的要求之一了. 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写.你会发现这样会节省很多的时间,写的代码也很清晰便捷.(当然在学生时代的是有也质疑过,用框架会对原生态的 Javascript理解不深入,其实这是多虑了的.在对框架的深入的同时,对原生的js也会理解的更透彻一些.成为一个精明的开发者,两者是相依相偎的.而最好的状态就是想Qzone前端一样,完全按照自己的需求开发出一套JS,CSS框

jQuery实例—选项卡的简单实现(js源码和jQuery)_jquery

分别利用javascript的源码和jQuery来实现一个简单的选项卡,对比各自的步骤. <!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"> &l

使用JQuery 加载页面时调用JS的实现方法_jquery

1,window.onload = function() {}; 2,$(document).ready(function() {}); 一.一般的加载页面时调用js方法如下: window.onload = function() { $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 }; 这段代码会在整个页面的document全部加载完成以后执行.不幸的这种方式不仅要求页面的DOM tree

jQuery函数的等价原生函数代码

 我们针对常用的jQuery方法以及其等价原生方法的性能做了一些测试(1, 2, 3). 我知道你在想什么.原生方法明显要比jQuery方法快,因为jQuery方法要处理浏览器兼容以及其他一些事情.是的,我完全赞成.写这篇文章并不是出于反对使用jQuery,但如果你针对的是现代浏览器,那么使用原生方法会使性能有很大的提升. 许多开发者没有意识到大多数他们使用的jQuery方法可以使用原生方法,或者更轻量级的方法来代替.下面是一些代码示例,展示一些常用的jQuery方法,以及其等价原生方法. 译者

是ecshop与JQUERY冲突还是我我JS哪写错了求大神们帮下忙

问题描述 是ecshop与JQUERY冲突还是我我JS哪写错了求大神们帮下忙 如图,这个商品详情页面的其他功能都是好的,而且勾选套餐如果不选基本件也会跳出对话框.插件是我下载的,可是组合购买那个按键点不起来,鼠标放上面会显示 Javascript:addMultiTocart("m_goods_1","17"),但是点不进去也不报错,求大神帮忙分析分析问题出在我JS写错还是是因为Jquery冲突问题, 解决方案 求大神横空出世,这个问题小弟被困扰两天了

jQuery 翻页组件yunm.pager.js实现div局部刷新的思路_jquery

 前端的翻页插件有很多,bootstrap的翻页界面看起来就不错,做起来也易于上手,但应用于项目中的翻页实现还有有几个难点,分别是: 如何封装一个翻页插件,如题中的yunm.pager.js. 涉及到的div局部刷新该如何做. 在没给大家介绍正文之前,先给大家展示下效果图,如果感觉还不错,请继续往下阅读: 翻页的总体流程涉及到的知识点很多,这篇文章我们也主要来关注以上两点,其余的内容,请自悟. 一.如何定义局部刷新的div 翻页时,我们一般只会刷新页面中涉及到翻页的父级div,那么该如何定义呢?

jQuery函数的等价原生函数代码示例_jquery

我们针对常用的jQuery方法以及其等价原生方法的性能做了一些测试(1, 2, 3). 我知道你在想什么.原生方法明显要比jQuery方法快,因为jQuery方法要处理浏览器兼容以及其他一些事情.是的,我完全赞成.写这篇文章并不是出于反对使用jQuery,但如果你针对的是现代浏览器,那么使用原生方法会使性能有很大的提升. 许多开发者没有意识到大多数他们使用的jQuery方法可以使用原生方法,或者更轻量级的方法来代替.下面是一些代码示例,展示一些常用的jQuery方法,以及其等价原生方法. 译者注

jQuery多个版本和其他js库冲突的解决方法_jquery

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery测试页</title> </head>