Question

初学者程序员如果真的很明显就道歉！

如何让我的网站在页面上的特定位置打开（用HTML格式）？

我无法在任何地方找到这个名字！ Not Anchor等。该网站将比大多数屏幕更宽，更长。 我希望屏幕/视口在2500x2500像素背景的中心处打开。

我在Mac OS X 10上的DreamWeaver CC工作

提前致谢!!

p.s没有要发布的代码，这是我把它放在一起的第一个停靠点

Answer 1

您可以使用$(window).width()＆amp; $(window).height()，它是jQuery代码，因此您必须在网页上的jQuery lib中添加应答器脚本。你能告诉我更多关于你想做什么的事吗？我理解起来很困难。你不想要任何锚，但你想要？不理解的教义。

Answer 2

在页面加载

时尝试触发此Javascript

window.onload = function(){
    window.scrollTo(1250, 1250);
}

window.scrollTo(x-coord,y-coord)函数有两个参数，x-coord是您希望在左上角显示的文档水平轴上的像素，y-coord是沿文档垂直轴的像素你想要显示在左上角。

我选择了1250，因为它的2500除以2，但是如果你想在屏幕中间找到那个点，你可能需要稍微调整一下。你必须得到屏幕的视口并做一些数学运算。

（提示：window.innerWidth＆amp; window.innerHeight为您提供尺寸包括滚动条; document.documentElement.clientWidth和document.documentElement.clientHeight为滚动条）

window.scrollTo()的文档位于：https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

有关视口尺寸的一些信息，请访问：http://ryanve.com/lab/dimensions/

Answer 3

正如bryguy所说，你可以计算屏幕的中心并使用scrollTo（）。或者，如果您要滚动到某个特定元素，请为该元素指定一个id并使用scrollIntoView（）函数。你也可以将一个看不见的div放在一个绝对的位置，并将顶部和左边的值设置为50％：

HTML

<div id="scrollToMe" style="position: absolute; top: 50%; left: 50%;"></div>

JS

window.onload = function() {
    document.getElementById('scrollToMe').scrollIntoView();
};

Answer 4

你可以在没有jQuery的情况下做到这一点。您可以使用本机JavaScript函数window.scrollTo()滚动到中心。

要计算屏幕中心，您只需：

垂直中心

确定视口的高度：视口的高度存储在document.documentElement.clientHeight。
确定整个文档的高度：您可以使用document.documentElement.offsetHeight或document.body.scrollHeight来获取整个文档的高度。
计算：现在只需从文档高度中减去视口高度，然后将其除以2，如下所示： (document.documentElement.offsetHeight - document.documentElement.clientHeight)/2

适用于水平中心

确定视口的宽度：视口的宽度存储在document.documentElement.clientWidth。
确定整个文档的宽度：您可以使用document.body.scrollWidth来完成此操作。
计算：现在只需从文档宽度中减去视口宽度，然后将其除以2，如下所示： (document.body.scrollWidth - document.documentElement.clientWidth)/2

现在滚动时间

最后，您需要让窗口滚动到计算点。

window.scrollTo(centerWidth, centerHeight);

如果你想一步完成所有这些，你可以：

window.scrollTo( (document.body.scrollWidth - document.documentElement.clientWidth)/2, (document.body.scrollHeight - document.documentElement.clientHeight)/2 );

请注意，我们已经使用了document.documentElement.clientHeight（和clientWidth），它们为您提供了的视口大小，而没有滚动条。如果您希望包含滚动条，则必须使用其他变量。您可以找到如何在互联网上进行这些测量的示例。

有关详细信息：Center a one page horizontally scrolling site in browser (not centering a div)

如何在HTML中的特定页面打开网站？

4 个答案: