记录jQuery一些好用的小技巧

1.使用animate()来操控页面滚动, obj.offset().top 对象距页面顶部的距离,left距页面左边,js中obj.offsetTop为对象距离定位父级的距离,注意区分。

$(‘#btn‘).on(‘click‘, function (){
    $(‘html,body‘).animate({scrollTop : $(this).offset().top});//测试兼容IE5…… 哈哈哈哈
})
时间: 2024-11-06 17:13:18

记录jQuery一些好用的小技巧的相关文章

记录:mac上的一些小技巧

1 如何在finder终打开指定的目录 方法一:打开finder按shift+command+g, 打开go to folder输入目录的路径. 方法二:打开terminal,cd到指定的目录,然后输入“open .”. 2 快捷键 command+r: 刷新网页 两个手指点击:右键菜单 两个手指滑动:滑轮(上下滑动)或后退(左右滑动) fn+->: 滚到网页开头 fn+<-: 回到网页开头 command + ->: end command + <-: home

CVM部署Django小技巧

折腾了两天云服务器,从早到晚盯着终端的感觉真的很奇妙,当然一直报错.毫无头绪的感觉也很气.今天早上试了四个项目结果因为各种各样非技术的的原因都失败了,比如域名备案.网站限制爬虫等,确实有些丧气,感觉白忙了.中午睡一觉好多了.同朋友甩了几个关于脑机接口的外文文献,晚上看看,看来要多线程运行了. 以下记录两个CVM使用的小技巧: 1. 解决sqlite3安装后仍报错的问题. 2. 使用screen启用多线程,后台运行程序的方法. 解决sqlite3正确安装后仍然报错的问题 在bash启动的配置文件中

记录一个小技巧,在一个包下的多个main函数调试

在eclipse中,有好几个class想做测试,又不想工程太多,都写在了一个包里面,也方便import 但是每次运行的时候,eclipse都默认运行第一次建立的那个main函数. 要想运行其他的,需要做一下修改. 在工具栏中, 点击run旁边的下拉箭头,会出现一个下拉菜单. 点击Run Configurations 进入到配置界面 在标注红色的区域,上面那个是选取工程,下面那个是选取该工程的主函数 在这里点search,找到你刚写的新的主函数,如果里面还看不到,可以手动输入就好了 然后点击app

前端程序员应该知道的 15 个 jQuery 小技巧

下面这些简单的小技巧能够帮助你玩转jQuery. 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变Visibility时触发 AJAX调用错误处理 链式插件调用 返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画: // Back to top $('.top'

程序员都会的 35 个 jQuery 小技巧

收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 $(document).ready(function(){ 2 $(document).bind("contextmenu",function(e){ 3 return false; 4 }); 5 }); 2. 隐藏搜索文本框文字 1 Hide when clicked in the search field, the value.(example can be found below in t

必须学会使用的35个Jquery小技巧

query 与JS相比较,方便了许多,语法上也简便了不少,下面是Jquery常用的技巧,下面Jquery使用的方法在各个网站中都会使用到. 收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 2 3 4 5 $(document).ready(function(){     $(document).bind("contextmenu",function(e){         return false;     }); }); 2. 隐藏搜索文本框

15个jQuery小技巧

下面这些简单的小技巧能够帮助你玩转jQuery. 1.返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画: // Back to top $('.top').click(function (e) { e.preventDefault(); $('html, body').animate({scrollTop: 0}, 800); }); <!-- Create an anchor tag --> <a class=

10个 jQuery 小技巧

10个 jQuery 小技巧 -----整理by: xiaoshuai 1. 返回顶部按钮 可以利用 animate 和 scrollTop 来实现返回顶部的动画,而不需要使用其他插件. // Back to top                                        $('a.ktop').click(function () {                          $(document.body).animate({scrollTop: 0}, 800)

Linux以及Android开发中的小技巧和长繁命令记录收集

不断更新收集中.... 2014071743 ssh以nx_guest的身份登录到172.24.221.137,然后在172.24.221.137与172.24.61.252的8080端口建立网络连接,同时创建端口为5678的本地代理服务 ssh -C -f -N -o 'TCPKeepAlive=yes' -L 5678:172.24.61.252:8080 [email protected] 反编译android下的二进制程序 ./prebuilts/gcc/linux-x86/arm/ar