Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS溢出问题-y_Html_Css - Fatal编程技术网

Html CSS溢出问题-y

Html CSS溢出问题-y,html,css,Html,Css,我在我的网站上有一个视频播放器,它的右边有一个视频列表。该列表将随着时间的推移不断增长,因此需要overflow-y:scroll添加到我的CSS中 但同时,我有一个漂亮的小悬停效果,它在悬停和单击时添加了一个箭头 问题是,当我添加overflow-y:scroll到容器,它删除了我的箭头效果,有人知道我如何能同时保持滚动效果和箭头吗 请看一个例子 您会注意到我添加了一条评论,我认为应该添加溢出,但我可能弄错了: /*THIS IS WHERE I NEED TO ADD OVERFLOW-Y

我在我的网站上有一个视频播放器,它的右边有一个视频列表。该列表将随着时间的推移不断增长,因此需要
overflow-y:scroll添加到我的CSS中

但同时,我有一个漂亮的小悬停效果,它在悬停和单击时添加了一个箭头

问题是,当我添加
overflow-y:scroll到容器,它删除了我的箭头效果,有人知道我如何能同时保持滚动效果和箭头吗

请看一个例子

您会注意到我添加了一条评论,我认为应该添加溢出,但我可能弄错了:

/*THIS IS WHERE I NEED TO ADD OVERFLOW-Y SCROLL*/
#My-Vids #videos .list ul {
    background-color:#004461;

    height:482px;
    margin:20px
}

编辑:要查看发生了什么,只需放置
overflow-y:scroll输入我的代码。

您需要做几件事:

  • 删除列表中左侧的
    边距
  • 添加
    左侧填充
    以匹配原始金额
  • 从列表中删除背景色
  • 将该背景色应用于列表项
  • 将列表标题
    元素更改为使用
    填充
    而不是
    边距

最终的结果是,我相信这就是您想要的效果。

滚动条将侧边栏推到左侧,因此您需要删除一些右边距/填充,以使箭头再次显示。@TylerH-我现在才明白这一点!英雄联盟这将是我在这里发布后最后一次尝试。我感到羞愧!哈哈。。谢谢你,不用担心。但是,如果你真的感到羞愧,你确实有能力删除自己的问题:-p也许有一天其他人会成为白痴,这篇文章会帮助他们;)haha@AndreaLigiosCSS中不需要选择器最后一个属性上的分号。因此,它们不会“丢失”,并且浏览器会很好地解释代码(正确阅读)。“失踪”和你认为的“坏习惯”不同:-)谢谢Niet,我在发帖后很快就发现了!一个金发的时刻。但无论如何我都会给你的