Javascript jquery有两个函数在单击时连续工作

我有这个JS代码：

function overlay() {
    el = document.getElementById("overlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

这将在单击时打开一个新窗口。我希望它从第一次单击开始接下来要做的是转到另一个函数。该函数需要一个滚动条，其中有5个div。假设我想让它转到第三个div或ID，我将如何编写这种类型的函数？因此，HTML示例如下：

<div id="this">
   <div class="outer">
       <div class="innerdiv">
           <div class="1" id="1">1</div>
           <div class="2" id="2">2</div>
           <div class="3" id="3">3</div>
           <div class="4" id="4">4</div>
           <div class="5" id="5">5</div>
        </div>
   </div>
</div>

1.
2.
3.
4.
5.

这代表我的卷轴。在第一次点击时，它会打开一个新窗口并滚动到第三个分区，或者如果滚动到第三个分区很困难，那么就转到第一个分区

---

使用

窗口。滚动到（）

并将其移动到对象位置

是一个用于平滑滚动动画的简单插件。它有大量的选项来定义滚动行为，并且非常容易使用。在链接的网站上有大量的演示和示例，您应该可以使用。在您的示例中，您只需告诉它滚动到DOM元素本身或第三个div的jQuery对象/选择器

另外，您不能让

id

属性以数字开头（比如div），这是无效的。类可以是ID，但不能是ID

---

依赖

click

事件处理程序（即

$（'.backtohome a'）。在（'click'，function（）{//your code}）；

）上而不是

onclick

属性也是一个好主意。

如何打开新窗口？您可以在其位置的查询字符串中嵌入参数，然后在加载读取这些参数的新窗口时实现一个函数。该JS代码只需在目标元素

#overlay

上的

visibility

属性之间切换

visible

和

hidden

，它不会打开一个新窗口。你说的“转到第三个div”是什么意思？请更具体地说，你的代码什么都不做，因为你没有定义任何EventHandler…我要做的是我有一个onclick，它指向这个函数，该函数切换窗口打开scroll元素本身工作，我只是有一个问题，滚动到一个特定的div onclick我不知道你所说的“滚动元素”是什么意思。该插件允许您使用一行jQuery轻松地将窗口滚动到目标位置（例如特定的

div

）。您只需将该行代码附加到按钮的单击事件处理程序。

<div class="arrowbox">
      <div style="display:inline-block; width:155px; height: 50px; float:left;"></div>
      <div class="leftbox" id="leftbox"></div>
      <div class="backtohome"><a href='#' onclick='overlay()' style="text-decoration:none;">BACK TO HOME PAGE</a></div>
<div class="rightbox" id="rightbox"></div>