【问题标题】:Insert JS in PHP - on load scroll在 PHP 中插入 JS - 在加载滚动时
【发布时间】:2016-07-22 21:41:33
【问题描述】:

我试图让我的页面在加载时滚动到页面下方的特定像素数。我正在编辑一个我创建的 wordpress 模板,所以它是在 PHP 中的。

我有:

<?php
echo "<body onload='window.scroll(0,400)'>";
?>

在 php 文件的顶部,但它不起作用。我需要做什么才能完成这项工作?

【问题讨论】:

  • 我相信你可能想用scrollTow3schools.com/jsref/met_win_scrollto.asp
  • @ramraider:不要链接到/引用 w3fools。他们是垃圾资源
  • 似乎有点粗鲁,可能带有偏见@Marc B - 也许developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo 可能更合适
  • @RamRaider:他们应该花更多时间制作高质量的示例,而不是花在 SEO 操作上。在谷歌搜索结果中名列前茅并不意味着他们有任何好处。他们的很多代码示例都很糟糕和/或完全危险。
  • 老实说,我从来没有关注过他们,不了解他们的做法,或者真的浪费了时间和精力去思考他们——这只是碰巧出现的第一个结果所有强大的谷歌,我认为,适用于 OP 的问题/问题。以后分享链接时,我会努力以 Mozilla 为导向

标签: javascript php wordpress templates


【解决方案1】:

在您的 header.php 您的子主题或任何类似主题中使用此代码。

<script type="text/javascript">
    $( document ).ready(function() {
        window.scroll(0,400);
    });
</script>

如果此代码不起作用,请不要忘记在您的脑海中插入 jquery

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>

【讨论】:

  • 谢谢你!我需要它只在特定页面上工作,所以除非我为此页面制作自定义标题,否则这不适用于我需要的东西。 Khris 给了我很好的内联代码。
  • @user2765920 您只需使用 is_page($id) 并回显该来源。无论如何,你解决了你的问题。祝你好运!
【解决方案2】:

onload 事件属性需要一个函数,您可以在属性中使用 javascript: 内联来执行此操作...

<?php
echo "<body onload='javascript:window.scroll(0,400);'>";
?>

【讨论】:

  • 这很完美。谢谢克里斯!我会给你一个,但我在这里没有任何声誉。
  • 我相信您仍然可以通过单击问题旁边的复选框将其标记为正确答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-06-13
  • 1970-01-01
  • 2013-10-25
  • 1970-01-01
相关资源
最近更新 更多