Question

我正在创建一个网页，设计师希望通过水平滚动（从左到右）完成所有导航。我编写了水平布局。但是，他希望能够启动水平布局以加载列表中的一个中间div，从而使用户能够向任一方向滚动。一个例子是如果我有一个水平5个div的列表（1,2,3,4,5），我希望页面从div 3开始，从而允许用户从左到右滚动到达div 2或另一种方式到达div 4.目前默认从div 1（左）开始，这意味着用户最初只能滚动一个方向。

这是布局： enter image description here Click here for larger view

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

以下是类似的问题：

另一方面，我目前正在学习jQuery和Javascript，但我还处于早期阶段 - 仍在通过codeacademy进行拖网，而不是在任何现实世界的代码上。所以目前我正在使用插件作为一种学习方式，但希望在几个月内我可以构建自己的东西！

我只想知道如何实现这一目标。

如果你有一些简单的javascript / jQuery代码（jsfiddle），我们将非常感激。

Answer 1

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

    $(window).load(function(){

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

Answer 2

没有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，以及滚动效果。
你应该立刻实现你的目标。

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

2 个答案:

没有JavaScript

使用JavaScript