Question

我目前正在设计一个网站，其中我有一个显示语言选择器的第一页，它可以根据所选语言转到相应版本的主页。我想动画这些页面之间的过渡，以便“语言选择器”＃39;页面向上滚动并让位给相应的主页＆＃39;。

我真的很喜欢编码，但我可以理解jQuery的基础知识，并且可以使用一些基于jQuery的解决方案，但是我还没有成功找到适合我想要的方法。

如果您查看我的工作网站http://bauti.tk，您会看到语言选择器＆＃39;页面有黑色背景。我想尽可能无缝地加入“主页”顶部的黑色菜单栏。滚动时。

＆＃39;主页中菜单以外的内容的方式＆＃39;负载对我来说并不重要。我已经看到很多基于滚动浏览同一网页各个部分的解决方案，但我认为这对我不起作用，因为目标网页取决于语言选择。

欢迎任何有效的解决方案，无论他们遇到什么困难！

Answer 1

您可能需要查看此解决方案的ajax。在选择时，基本上在目标网页下方加载所选语言主页，然后向下滚动以显示已加载的内容。

类似的东西：

var lang;
$(".ThumbGroup span").find("a").off("click","a").on({
    click: function(e){
        e.preventDefault();
        if(($(this).attr("id") == "u2008-4") || ($(this).attr("id") == "u2003")){
            lang = "cat-home.html"
        }else if($(this).attr("id") == "u2009"){
            lang = "en-home.html";
        }else if($(this).attr("id") == "u2005"){
            lang = "zh-home.html";
        }

        $.get({"http://bauti.tk/"+lang, function(data) {
            $("#page").append(data);

            //Add scroll effect here using .scroll() method.
            //https://api.jquery.com/scroll/

        });
    }
},"a");

您需要对此代码进行一些自定义操作，但它可以作为您的样板。

但请注意，使用ajax时，点击链接时，网址实际上不会发生变化，除非您使用必要的代码进行更改。

有没有办法在两个不同的页面之间进行动画滚动过渡？

1 个答案: