jquery中返回頂部

<script type="text/javascript">
    $("#returnTop").on(‘click‘,function(){
     $("body,html").animate({scrollTop:0},500)
    })
 </script>

原本的 $("body,html")中為$("body")适用于google而$("html")适用于除了google之外的,应该是浏览器引擎的事情吧。

<script type="text/javascript">
                    $(window).on(‘scroll‘,function(){
                        var oTop=$("body,html").scrollTop();
                        
                        var oFen=$(‘#fenyeNoturn‘);
                        var oNon=$(‘#noneLop‘);
                        if(oTop>900){
                            oFen.css(‘position‘,‘fixed‘)
                        }else{
                            oFen.css(‘position‘,‘relative‘)
                        }
                        
                        if(oTop>1500){
                            oNon.hide(‘300‘)
                        }else{
                            oNon.show(‘300‘)
                        }
                    })
</script>

这段代码是滚动到一定位置变成固定定位和隐藏一部分内容,然而这里就没办法去用$("body,html")来识别所有的浏览器,不知道什么原因,应该有一个判断浏览器引擎来加载不同代码的命令,以后完善

时间: 2024-12-13 17:57:25

jquery中返回頂部的相关文章

jquery实现返回基部案例效果

<!doctype html> <html> <head> <meta charset="gb2312"> <title>webrx-title</title> <script src="js/jquery-1.11.1.min.js"></script> <style> /*returnTop*/ p#back-to-top{ position:fixed;

jquery 中$.post获取MVC Controller中JsonResult返回包含LIst&lt;Model&gt;类型的子List&lt;Model&gt;的高级使用方法

比如JsonResult中返回return Json(models);的models结构如下: models返回含有四个集合的序列,每个集合的序列中又包含一个子集合序列“Child”. 问题是如果我们使用Jquery的$.post应该怎么循环出这两个集合序列中的数据呢? 方法如下: $.post("/admin/GetPermissionsForCurrUser", function (data, status) { if (status == "success")

jquery中的get和post、ajax有关返回值的问题描述

一:前言 今天我就要离开公司回学校准备考试,在走之前,我自己做的一个模块测试除了一些小的bug.问题如下 我在往数据库中插入数据,首先要选择一级菜单,接着会更具一级菜单生成一级菜单的子目录,在选择日期.填完数据后进行保存操作.在点击保存时需要对新增的数据进行验证,就是根据一级目录的编号和日期来进行查询,如果有的话就要弹出一个提示框,告诉其其中已经有了改目录该日期的数据.在这里我就需要进行验证.但是我在用jquery.get方法来写时怎么都没有用.而此时我又快下班走人了,弄得我很烦躁,最后还是一个

jquery中ajax用return来返回值无效

jquery中,ajax返回值,有三种写法,只有其中一种是成功的 /** * async:false,同步调用 * 返回1:2 * 失败 * 分析:ajax内部是一个或多个定义的函数,ajax中return返回值,返回到ajax定义函数,而不是ajax外层的函数 */ function checkAccount1(){ var result = "1:2"; $.ajax({ url : path+'/user/checkAccount.do', type : "post&q

jquery中的$.each跳出循环并获取返回值

jquery中使用each方法,类似于while或者for循环 一种退出循环的方式是:当数据全部被遍历完成,自然退出, 另一种方法是:当我们在循环中返回一个false时,会跳出循环 这里来使用第二种方法遍历数据,并获取数据的返回值 data = ['fwaf','gagw0','fwagw','gawg'] function test(index){ var ret = null $.each(data,function (k,v) { if(k == index){ ret = data[k]

[转]Jquery中AJAX错误信息调试参考

下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持. timeout Number 设置请求超时时间(毫秒).此设置将覆盖全局设置. async

Jquery中AJAX

下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持. timeout Number 设置请求超时时间(毫秒).此设置将覆盖全局设置. async

jquery中$.each()的用法

each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象.数组的属性值并进行处理.jQuery和jQuery对象都实 现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用.而jQuery对象提供的each方法则是对jQuery内 部的子元素进行逐个调用. each函数根据参数的类型实现的效果不完

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项