在页面加载上执行HTML / JavaScript? (WordPress的)

时间:2014-08-07 01:54:48

标签: javascript

在我的wordpress网站上,我创建了一个按钮,点击它后,会将您发送到网站上的特定滚动位置。这很有效。我的问题是在网页加载完成后运行此代码。特别是滚动到页面上将隐藏页眉的位置,除非用户滚动回到顶部。

这是我尝试使用的JavaScript:

    <body onLoad="pageScroll(240)">

作为参考,这是我创建的按钮的HTML:

    <button onclick="document.documentElement.scrollTop = 240;document.body.scrollTop =240;">
    Click to scroll to beginning of content
    </button>
    </div>

以下是header.php文件的全部内容:

http://pastebin.com/YxknizFU

我使用了pastebin,因为我无法想象如何正确格式化代码

2 个答案:

答案 0 :(得分:0)

要使用您的代码,请尝试使用此代码:

<body onload="document.body.scrollTop = 240">

你必须像这样添加onload:

</head>

<body <?php body_class(); ?> onload="pageScroll(0, 240)">
<div id="page" class="hfeed site">

答案 1 :(得分:0)

如果我能正确理解你的问题,那么你所需要的只是将你的javascript滚动功能放在onload事件上,

<!DOCTYPE html>
<html>
<head>
<script>
function scrollToPosition()
{
  //put scroll logic here which you have set for button click event
 //alert("Page is loaded");
}
</script>
</head>
<body onload="scrollToPosition()">
<h1>Example</h1>
</body>
</html>

或查看此主题

body onLoad on a specific WordPress page

相关问题