jQuery实现锚点scoll效果实例分析
作者:bea
本文实例讲述了jQuery实现锚点scoll效果的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: $('a[href*=#]').click(function() { if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'') && location.hostname == this.hostname) { var $target = $(this
本文实例讲述了jQuery实现锚点scoll效果的方法。分享给大家供大家参考。具体实现方法如下:
代码如下:
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
var obj = document.documentElement;
if (jQuery.browser.safari)
obj = document.body
if (jQuery.browser.msie)
obj = 'html';
$(obj).animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
代码如下:
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
var obj = document.documentElement;
if (jQuery.browser.safari)
obj = document.body
if (jQuery.browser.msie)
obj = 'html';
$(obj).animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript实现SHA-1加密算法的方法
- JavaScript前补零操作实例
- JavaScript限定图片显示大小的方法
- iScroll中事件点击触发两次解决方案
- node-webkit打包成exe文件被360误报木马的解决方法
- javascript结合Canvas 实现简易的圆形时钟
- 解决node-webkit 不支持html5播放mp4视频的方法
- javascript与css3动画结合使用小结
- jquery实现textarea 高度自适应
- jQuery简单实现禁用右键菜单
- jQuery判断数组是否包含了指定的元素
- js控制文本框只输入数字和小数点的方法
- jQuery实现当前页面标签高亮显示的方法
- jQuery简单几行代码实现tab切换
- jQuery实现高亮显示的方法
- jQuery实现切换字体大小的方法
- jQuery实现3D文字特效的方法
- JQuery实现动态适时改变字体颜色的方法
- jQuery实现行文字链接提示效果的方法