由于某些原因,jQuery的fadeIn正在让我的页面跳到顶部.每个不同的div都会使滚动条的尺寸不同,所以我认为这可能是为什么“返回false”不起作用.这是代码：
jQuery(document).ready(function($) {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn('slow',function() {
$(this).show(); });
return false
});
});
我会感谢任何人可以帮助.这是网站：
www.matthewruddy.com/demo
这是主要内容上方的标签式链接.每个人在该类别的前五名职位中褪色.
提前致谢.马修.
解决方法
这个问题并不是链接的,尽管我明白这是第一个想法,这是转型本身.
对于一秒钟(一帧,13毫秒是精确的,在隐藏和第一帧的淡入之间),标签面板所在的区域没有任何内容,因此该页面向上滚动,因为文档较短.
为了避免这种情况,您需要防止文档变得更小,幸运的是您的特定页面很容易.只是改变这个：
<div class="tab_container">
为此：
<div class="tab_container" style="height: 516px;">
或者给它外部CSS：
.tabs_container { height: 516px; }
这样可以防止那个框架中的.tab_content div消失.
