【问题标题】:Meteor creating a scrollable divMeteor 创建一个可滚动的 div
【发布时间】:2017-06-20 00:45:44
【问题描述】:

嘿,伙计们新的一天新问题;)我试图制作一个可滚动的 div 应该没问题,但它不起作用;(在 div 中,我正在输出我的数据库的名称,当空间太小时你应该滚动它但是滚动条没有出现

我的html:

<template name="friendsScroll">
  <div class="CSSFreundeScrollListe">
    <ul>
      {{#each friend}}
        <li>{{Name}}</li>
      {{/each}}
    </ul>
  </div>
</template> 

我的 CSS

.CSSFreundeScrollListe{
background: #00BFFF;
height: 150px;
overflow: scroll; (or auto both "should" work;))
width: 200px;
border: 1px solid #000;
padding: 10px;
}

javascript 工作正常,这就是我得到的

希望你能帮助我谢谢;)

【问题讨论】:

  • 你的 CSS 是正确的。您可以使用浏览器的检查器来验证正确的 CSS 是否实际被加载/应用到该元素?您的浏览器可能正在加载旧的缓存 CSS
  • 在检查器中我什么都看不到这个 css 但蓝色背景和其他工作正常所以我认为 css 已应用
  • 只是为了确保新样式正确加载:如果您将 CSS 文件中的背景颜色更改为红色,元素是否会更改颜色?
  • 我不知道发生了什么,但我将颜色更改为红色,滚动条出现了,谢谢它的帮助;)

标签: javascript html css meteor meteor-blaze


【解决方案1】:

Ninja Pixel 帮助我在评论部分找到了问题,问题是 css 没有更新,然后我更改了 css 中的背景颜色,它得到了更新,滚动条也出现了,再次感谢 ninjaPixel ;)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多