Question

对不起，我知道这很简单。我有一个javascript小部件，我只想嵌入我的网站添加一个滚动条。不确定我是否可以使用CSS或者我可以在脚本中执行此操作。任何帮助将不胜感激。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div class="currentUrl"></div>
<a href="#asdfg">asdfg</a>
<a href="#qwert">qwert</a>
<a href="#zxcvb">zxcvb</a>
<div class="asdfg">Div with class asdfg</div>
<div class="qwert">Div with class qwert</div>
<div class="zxcvb">Div with class zxcvb</div>

Answer 1

从max-height: 900px; （.timely-frame）中删除iframe并将其添加到其父级：

div {
   max-height: 900px;
   overflow-y: auto;
}

<强>段：

/* ----- CSS ----- */
#parent {
  max-height: 200px; /* To fit in the snippet. */
  overflow-y: auto;
}

<!----- HTML ----->
<div id="parent">
  <iframe style="height: 1383px;" id="timely_0.06620993130795116f" name="timely_0.06620993130795116f" src="https://events.time.ly/xkj6wcz?id=timely_0.06620993130795116" seamless="" scrolling="no" class="timely-frame" allowtransparency="true"></iframe>
</div>

注意：请务必为父级提供唯一标识符，就像我在代码段中所做的那样，否则所有div个元素都会以这种方式设置样式。

添加滚动条到Javascript小部件

1 个答案: