2

我从http://themeforest.net购买了一个主题，现在它们被取消了。

最初的主题功能是将所有链接页面都放在索引页面中自己的 div 中，但是我更改了功能，以便每个链接都在自己的控制器上，因为我使用的是 Codeigniter。

我想要发生的是，当单击一个新链接时，它仍然会滚动内容 div 并转到单击的链接，然后滚动该页面的内容。截至目前，它一直向上滚动到页面，甚至不加载新页面。代码的注释部分是来自模板的原始代码。

/*****************************************************
MENU TRANSITION EFFECTS
******************************************************/
$("#menu1 ul li a").click(function(e){

e.preventDefault();
$('#container').animate({top:'-500px'},500,'easeInQuart');

/*
var id = $(this).attr("href");  
if(id == aid) return false; 
$('#menu1 ul li a').removeClass('a');
            $(this).addClass('a');
if($("#container > div:visible").size() > 0) {      
    $("#container > div:visible").animate({top:'-500px'},500,'easeInQuart',function(){ $("#container > div:visible").css({display:'none',top:'-500px'}); $('#container > div#' + id).css({display:'block'}).delay(400).animate({top:'500px'},800,'easeOutQuart');               
                $(function() {              
            $('.scroll').jScrollPane();
        });

     });
} else  {
    $('#container > div#' + id).css({display:'block'}).animate({top:'500px'},200,'easeOutQuart');
}
aid = id;
return false;
*/
});

编辑：我在我的常规网站上尝试过，但由于某种原因它的工作方式不一样。这是模板。我将它上传到我的其他网站之一进行展示。请记住，不同之处在于每个链接都是一个新控制器，每个 div 都是一个新视图。这是否进一步解释了原始模板与我正在尝试完成的内容之间的差异。

http://www.justmyfiles.me/

有人有什么想法吗？

4

1 回答 1

0

“过渡” javascript 代码可能如下所示：

$("#menu1 ul li a").click(function(e){

    var a = this;
    e.preventDefault();

    $('#container').animate({top:'-500px'},500,'easeInQuart',function() {
        location.href = a.href;
    });
});

和文件准备好的代码：

$(document).ready(function() {
    $('#container').animate({top:'0px'},500,'easeInQuart');
});

/*CSS*/ 
#container { top: -500px; }
于 2012-11-26T19:38:38.993 回答