javascript - 如何从特定点加载网页

标签 javascript html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

我正在制作一个网站,在其中我在顶部添加了一张图片。我希望我的网页从图片正下方开始 view image for clarifications 希望您能理解我要描述的内容,如果不明白,请向我询问。

非常感谢任何帮助!提前谢谢你。

最佳答案

对于纯 JS,您可以使用 window.scrollTo(x, y); 来完成其中 xy 是表示像素的整数。

例如:

window.scrollTo(0, 200); 将在页面加载时将窗口向下滚动 200px

您还可以使用一个命名 anchor 和一个hashtag url

来寻找替代解决方案

当您输入此 url 时:(更改 # 之前的所有内容以匹配您的 url 当然。)http://yourdomain.com/#mynamedanchor

在你的标记中你有

<img src="..." height="200" />
<a name="mynamedanchor"></a>

窗口将在该点自动启动,但这需要您发送一个包含 #mynamedanchor 的链接,这不太好。

一个解决方案是重定向您登陆页面但没有 url 中的 #mynamedanchor 部分的用户,并将他们定向到包含它的同一页面使用像 PHP 这样的服务器技术,但至少可以说这是一个非常糟糕的主意,所以我会坚持使用 window.scrollTo(x, y); 解决方案 - 它是迄今为止最干净的,并且可以优雅地降级如果 JS 被禁用(滚动根本不会发生,这不是世界末日)

关于javascript - 如何从特定点加载网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34181312/

上一篇:javascript - 如何动态加载CSS文件

下一篇:html - 多个浏览器是否支持 css 中的小数像素?

相关文章:

html - 从网站中提取数据的 Google App 脚本

javascript - 使 onClick 按钮与 div 重叠内容

javascript - 使用 javascript 相应地分离分数

javascript - 许多人在 hrefs 中写 `javascript:void(0)` 而不是 `javascript:void 0`。括号有作用吗?

html - 没有文件正在使用 ../返回文件

html - 更改高度为 : 100% 的主体的背景颜色

JavaScript 错误 : 'undefined is not a function' when trying to remove and add class to li element

Jquery 清除内联 css

javascript - Angular $http.get 和 Express req.body 为空

javascript - Underscore JS 数组和带对象的数组的区别