小编Mis*_*hko的帖子
如何防止绝对定位的元素影响滚动条？
考虑一个坐在容器中的autosuggest输入,其中包含一些内容和一个垂直滚动条:
显示自动提示建议时,它们应显示在内容的顶部,而不会影响容器的滚动条.
我希望得到:
请注意,滚动条与上面完全相同.
但是,我得到以下内容:
请注意,滚动条会受到影响,建议会被删除.
为什么绝对定位的建议会影响容器的滚动条？
你会如何解决这个问题？
笔记:
- 滚动容器时,输入和建议应一起移动.
- 您可以修改HTML,但输入和建议列表应保留在内部
.autosuggest(考虑.autosuggest作为第三方组件,其HTML无法更改,但您可以更改其CSS). - 如果有帮助,您可以使用flexbox.
- 我正在寻找CSS唯一的解决方案.请不要Javascript.
.container {
height: 100px;
width: 300px;
margin-top: 50px;
overflow-y: auto;
border: 1px solid black;
}
.autosuggest {
position: relative;
width: 250px;
}
.input {
font-size: 16px;
width: 230px;
padding: 5px 10px;
border: 0;
background-color: #FFEBBF;
}
.suggestions {
list-style-type: none;
margin: 0;
padding: 5px 10px;
width: 230px;
background-color: #85DDFF;
position: absolute;
}
.content {
width: 120px;
padding: 5px 10px;
} …推荐指数
解决办法
查看次数
为什么AngularJS货币过滤器用括号格式化负数？
为什么这个:
# Controller
$scope.price = -10;
# View
{{ price | currency }}
结果($10.00)而不是-$10.00？
推荐指数
解决办法
查看次数
如何在AngularJS中保留ng-repeat的滚动位置？
使用的对象列表ng-repeat.假设此列表非常长并且用户滚动到底部以查看某些对象.
当用户观察对象时,新项目将添加到列表顶部.这导致观察对象改变其位置,即用户突然在观察对象的相同位置看到其他东西.
当添加新项目时,您将如何将观察对象保持在同一位置？
推荐指数
解决办法
查看次数
触发器在jQuery中触发器与触发器
出于好奇 - jQuery的用例/用例是triggerHandler什么？据我所知道的,唯一的"真实"之间的差异trigger,并triggerHandler为本地事件触发与否,和事件冒泡行为(虽然triggerHandler的冒泡的行为似乎并不很难用复制trigger的代码几行) .确保本机事件不会触发有什么好处？
我很好奇这是否是一个便利功能,或者它存在更深层次的原因,以及我何时/什么时候使用它.
jquery events javascript-events jquery-trigger jquery-triggerhandler
推荐指数
解决办法
查看次数
如何在bash中左对齐文本？
给定一个文本,$txt我怎么能在Bash中将它证明为给定的宽度.
示例(宽度= 10):
如果$txt=hello,我想打印:
hello |
如果$txt=1234567890,我想打印:
1234567890|
推荐指数
解决办法
查看次数
为什么我无法注入角度曲奇？
我有
<body ng-app="myApp">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular-cookies.min.js">
</script>
</body>
一切都正确加载.
然后在我的JavaScript中我尝试注入ngCookies:
angular.module("myApp", ["ngCookies"]).
config(function($cookies) {
console.log($cookies.myCookie);
});
但它似乎没有找到$ cookies:
Unknown provider: $cookies from myApp
推荐指数
解决办法
查看次数
如果方法的参数是符号,如何检查Ruby？
def my_method(parameter)
if <what should be here?>
puts "parameter is a string"
elsif <and here?>
puts "parameter is a symbol"
end
end
推荐指数
解决办法
查看次数
如何在Firefox中多行显示HTML"title"属性？
可能重复:
如何在HTML工具提示中使用回车符？
我想在几行中显示"title"属性工具提示,所以它看起来像这样:
Line 1
Line 2
<div title="Line 1\nLine 2">Secret</div>
但它不起作用.
那可能吗 ？
推荐指数
解决办法
查看次数
如何设置"占位符"文本的颜色？
是否可以设置placeholder文本的颜色？
<textarea placeholder="Write your message here..."></textarea>
推荐指数
解决办法
查看次数
Rails:可以在模块中定义命名范围吗？
假设有3个模型:A,B和C.这些模型中的每一个都具有该x属性.
是否可以在模块中定义命名范围并将此模块包含在A,B和C中？
我试图这样做,并收到一条错误消息,scope表示无法识别...
推荐指数
解决办法
查看次数
标签 统计
angularjs ×3
html ×3
css ×2
bash ×1
colors ×1
css-position ×1
events ×1
html5 ×1
javascript ×1
jquery ×1
justify ×1
named-scope ×1
overflow ×1
printf ×1
ruby ×1
scroll ×1
text-justify ×1
title ×1