【问题标题】:overflow: hidden; not working on embeded twitter feed溢出:隐藏;不适用于嵌入式 Twitter 提要
【发布时间】:2016-08-16 05:01:37
【问题描述】:

我已将我的推特提要放在页面的侧边栏中,但侧边栏足够小,以至于滚动条会挡住推特。我正在使用溢出:隐藏;尝试隐藏它,但这不起作用。这是我目前正在使用的。

.twitter-timeline {
overflow: hidden;
}
<body>
<div id="sidebar"><a class="twitter-timeline" href="https://twitter.com/btwItsTaco" data-widget-id="723159349183414273">Tweets by @btwItsTaco</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</body

【问题讨论】:

  • 也许把它放在style-tag 中?

标签: html css twitter


【解决方案1】:

您必须在链接中添加 data-chrome="noscrollbar" 以删除不需要的滚动条,因为 ovverwrite CSS 无法与嵌入式 twitter 提要一起使用。

Fiddle

【讨论】:

  • 感谢您的快速响应,但这似乎不适用于 safari。它在谷歌浏览器上运行得很好,但我的老师正在使用 safari 对其进行评分。有没有办法在 safari 中使用它?
  • 我已经在 safari 5.1 上使用 browserstack 对其进行了测试,运行良好。你的 safari 版本/教师版是什么?
  • 学校电脑运行 9.0.2 ver safari
  • 我已经在 Firefox、Chrome 甚至 IE10 上测试过了。 Safari 的问题很奇怪:/ 你能做一个 JSFiddle 运行到你的 Safari 版本的截图吗?
  • 这很奇怪,它在 Fiddle 中工作得很好,但在我的网页中滚动条仍然出现。截图链接:imgur.com/hDBjZvR
猜你喜欢
  • 1970-01-01
  • 2018-10-04
  • 2013-12-16
  • 2020-03-28
  • 1970-01-01
  • 2018-04-14
  • 2023-03-27
  • 2017-02-23
相关资源
最近更新 更多