Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 如何在页面的中间部分加载页面_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在页面的中间部分加载页面

Javascript 如何在页面的中间部分加载页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在创建一个网页,设计师希望通过水平滚动(从左到右)完成所有导航。我已经对水平布局进行了编码。但是,他希望能够启动水平布局来加载我列表中的一个中间div,从而使用户能够向任意方向滚动。例如,如果我有一个5个div的水平列表(1,2,3,4,5),我希望页面从div 3开始,从而允许用户从左向右滚动到div 2,或者以其他方式滚动到div 4。当前默认值从div1(左)开始,这意味着用户最初只能滚动一个方向 布局如下: 我也搜索了这个网站,但答案是使用锚/名称标记技术,但我想直接在中间部分页面

我正在创建一个网页,设计师希望通过水平滚动(从左到右)完成所有导航。我已经对水平布局进行了编码。但是,他希望能够启动水平布局来加载我列表中的一个中间div,从而使用户能够向任意方向滚动。例如,如果我有一个5个div的水平列表(1,2,3,4,5),我希望页面从div 3开始,从而允许用户从左向右滚动到div 2,或者以其他方式滚动到div 4。当前默认值从div1(左)开始,这意味着用户最初只能滚动一个方向

布局如下:

我也搜索了这个网站,但答案是使用锚/名称标记技术,但我想直接在中间部分页面加载页面

以下是类似的问题:

另一方面,我目前正在学习jQuery和Javascript,但还处于非常早期的阶段——仍然在代码学院中摸索,还没有进入任何真实世界的代码。因此,目前我正在使用插件作为学习的一种方式,但希望在几个月内我可以构建自己的东西

我只是想知道如何才能做到这一点

如果您可以使用一些简单的javascript/jQuery代码(JSFIDLE),我们将非常感谢。

不使用javascript 只需为布局中的每个div创建一个id,并将默认布局的id设置为默认锚点,这样当页面加载时,它就会立即转到该部分
将上一页的链接设置为上一个版面id的锚定,并与下一个版面id类似。因此,每当单击这些链接时,它们的锚定将使它们能够显示,而其他链接则被隐藏
这种方法的缺点是看不到滚动效果,因为这需要JavaScript;然而,它应该按预期的那样工作

使用JavaScript 如前所述,只需为布局中的每个div创建一个id。创建3个JavaScript变量,一个用于当前、上一个和下一个布局ID。并将默认单元格的id设置为该变量 您可以创建一个JavaScript对象,该对象将包含3个属性:当前布局id、上一个布局id和下一个布局id。
使用window.onload或jquery的$(document.ready()函数将JavaScript函数附加到页面加载过程。使用jQuery中的animate功能,将当前布局id传递给它。这将简单地将页面滚动到传递的id以及滚动效果

你应该很快就能实现你的目标。

好的,在搜索了两天之后,我在“雅虎答案”中找到了答案,我忘了给链接添加书签,但这是我得到的代码

    $(window).load(function(){

        $(document).ready(function(){
         scrollTo(($(document).width() - $(window).width()) / 2, 0);
    });
});

你能准确描述一下“页面中间”是什么吗?我很难理解这一点。您是否希望页面居中,左右边距相同?请参阅所附图片。它是一个水平布局,可以从左或右滚动。我想在页面/文档的中间开始。我理解的是,你想要一个CARRSESEL,从中间开始。我是对的?是的。但它不会像一个图像画廊。是这样的: