Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html文档之间的多方向滚动_Javascript_Jquery_Html_Scroll - Fatal编程技术网

Javascript html文档之间的多方向滚动

Javascript html文档之间的多方向滚动,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,我一直在使用jquery进行多方向滚动。我发现这是浏览网站的绝佳方式,但它有一个缺点。浏览器需要一次加载所有网站内容,因为它位于一个html文档中 现在,我一直在寻找一种在不同的html文档之间实现这种出色滚动的方法,但没有成功。因此,与其在div之间滚动,我想知道是否可以在html文档之间滚动。这可能吗?这在客户端和服务器之间的请求/响应事务的正常意义上是不可能的-只有浏览器才能在页面更改级别上设置更改动画。还有其他一些选择: 当您滚动到一边时,使用JS将浏览器(带有一些散列标签或查询信息字符

我一直在使用jquery进行多方向滚动。我发现这是浏览网站的绝佳方式,但它有一个缺点。浏览器需要一次加载所有网站内容,因为它位于一个html文档中


现在,我一直在寻找一种在不同的html文档之间实现这种出色滚动的方法,但没有成功。因此,与其在div之间滚动,我想知道是否可以在html文档之间滚动。这可能吗?

这在客户端和服务器之间的请求/响应事务的正常意义上是不可能的-只有浏览器才能在页面更改级别上设置更改动画。还有其他一些选择:

  • 当您滚动到一边时,使用JS将浏览器(带有一些散列标签或查询信息字符串)重定向到下一页。当下一页加载时,应用一个动画,使其看起来像已滚动到中。这有一个令人讨厌的缺点,即页面转换之间存在延迟
  • 使用AJAX,因此,当您滚动时,内容将异步加载到页面中。然后,一旦它被加载,你就不必担心它了。这类似于谷歌或必应在图像搜索中滚动图像时所做的操作。这样做的好处是只加载您需要的内容 对于AJAX加载,jQuery的AJAX方法非常有用: 只需传入一个URL、您想要的任何信息和一个回调。在回调中,将响应数据加载到空的
    div
    或任何位置。 类似于以下示例,摘自jQuery的站点:

        $.ajax({
      url: 'ajax/test.html',
      success: function(data) {
        $('.result').html(data);
        alert('Load was performed.');
      }
    });
    

    有两种方法可以实现这一目标

    • 使用iframe。这显然不是最好的选择
    • 第二种方法是让DIV中的所有链接都使用ajax,并将内容加载到DIV中。基本上,修改所有链接,使其实际上不去任何地方,而是在页面上动态加载到相应的DIV中

    是的,如果您将其他html页面预加载到div或iframe(例如)。

    我对AJAX没有任何经验。关于如何实现这一点有什么建议吗?看起来我必须坐下来仔细阅读所有这些内容,但你肯定它也能与我的滚动功能一起工作吗?因此,当点击一个链接时,jquery将滚动到一个div,然后将数据加载到其中?如果您的链接自动滚动到一个div,那么是的。无论jQuery的onscroll事件是什么,都应该选择autoscroll。您所要做的就是确定用户滚动到哪里,并为相应的div加载内容。我将对此进行调查。希望我能弄明白。(刚刚开始使用jquery)感谢您的帮助和宝贵时间!