Javascript 我在使用fancybox插件时遇到问题

我在这里跟随导游

请向下滚动到“内联”并阅读有关使框可滚动的信息部分，然后在那里尝试代码笔示例。在该示例中，有一个打开的演示按钮。如果你点击它，就会打开一个弹出框，框内有一个切换内容按钮。如果单击该按钮，则显示文本并可滚动

我需要删除切换内容按钮，直接显示可滚动文本。在文本的底部，我需要放置一些链接

这是我的代码笔示例。它与原始示例完全相同。我刚刚删除了切换内容按钮，并添加了

Email: <a href="mailto:info@mdscomputers.ae">info@mdscomputers.ae</a><br>
Website: <a href="http://www.mdscomputers.ae" target="_blank">www.mdscomputers.ae</a>

电子邮件：

网站：

在文本的底部，问题是当我点击OpenDemo按钮时，可滚动文本会自动向下滚动到这两个链接的底部。我如何禁用它

---

您可以在原始的codepen示例中进行相同的编辑，同样的事情也会发生。

这有点老套，但它可以工作

我使用了jquery（正如您已经在使用它一样）

$（“#按钮”）。单击（）

单击按钮并使用css隐藏它

---

然后，我将文本区域的选项卡索引设置为1，以便默认情况下滚动到顶部。

此设置的简单解决方案

tabindex:0

为模式，如下所示：

<div id="modal" tabindex="0">

---

根据他们的文档，它会在打开模式后自动聚焦第一个可聚焦元素。在你的模态的内容中

<a href="mailto:info@mdscomputers.ae">info@mdscomputers.ae</a>

在打开演示中锚定

---

请参见上的Niraj Kaushal（）的笔。

这是否仅在代码笔中发生？如果在底部有任何链接，它会自动滚动到该链接，这似乎很奇怪。也许这是“花式盒子”的一个隐藏特征？太好了：()()()()())())(。成功了。还有一个问题。在打开的模式框中，我只能通过单击滚动条中的鼠标向下滚动，按下向下键不起作用。我可以使用向下键使其向下滚动吗？我的荣幸：）如果您认为这是解决您问题的正确方法，请接受我的回答。有关更多配置，请参见此

data-auto-focus="false"