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