我一直试图弄清楚如何/在哪里放置溢出:滚动样式到引导 div 元素,但没有运气。我的应用程序是 angularjs 与本地 MySQL 服务器交谈......所以不容易把它放在 jsfiddle 上......我会尝试附上一张图片和一些代码,希望有人能引导我朝着正确的方向前进。
我的目标是在左侧有一个主歌曲列表,现在大约有 100 首歌曲。然后我在右边有三个设置列表,我将歌曲拖入其中以构建设置。使用 JQuery 可排序的东西,这一切都可以正常工作。我现在的问题是主歌曲列表需要向下滚动才能找到所有歌曲,而设置列表仍保留在屏幕上。
在附加的图像中,Bootstrap 容器用蓝色勾勒出来,行用红色虚线,列用绿色虚线,最后 #masterList 和 #setxx DIV 用实心红色。
看起来我在元素的右侧 DIV 内有滚动条......但页面似乎呈现整个列表,因此滚动发生在浏览器级别......而不是在 DIV 内。
任何帮助将不胜感激。
急诊室
<div class="container">
<div class="row">
<div class="col-md-3"> <!-- Master song list DIV !-->
<div ng-controller="getMasterSongListController">
<b>Song Master List</b>
<div id="masterList" style="overflow: scroll;">
<div id="songID_{{song.ID}}" ng-repeat="song in songs | orderBy:'ID'" class="item">
{{song.ID}} - {{song.Title}}
</div>
</div>
</div>
</div>
<div class="col-md-3"> <!-- Set one DIV !-->
<div ng-controller="getSongsSetOneController">
<b>SET 01</b>
<div id="setOne">
<div id="songID_{{song.ID}}" ng-repeat="song …Run Code Online (Sandbox Code Playgroud) 我有一个异步函数,它调用 Firestore 以获取数据值。我在之前的一篇文章中得到了很多帮助……学到了很多东西……我想重新开始,希望能提出一个更清晰的问题。所以我有以下功能
Future<String> getSetList () async {
DocumentReference set01DocRef = Firestore.instance.collection('sets').document('SET01');
var snapshot = await set01DocRef.get();
songList = snapshot['songs']; //works, get expected text value from FS
return songList;
}
Run Code Online (Sandbox Code Playgroud)
这个函数逻辑有效......我可以将songList var(字符串var)打印()到控制台,我看到来自Firestore的值。当我尝试调用该函数时:
@override
Widget build(BuildContext context) {
var setList = getSetList();
print('In widget: ' + setList.toString()); //shows as instance of Future<String>
//List<String> items = setList.split('|');
List<String> items = ['Red','White','Blue'];
return new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
),
Run Code Online (Sandbox Code Playgroud)
该 setList 变量不是字符串。当我打印它 [print(setList.toString()] 时,它显示为 Future String 的一个实例。
我尝试使用:var setList …