我想创建一个由其他圆圈包围的圆圈(没有任何动画),如下所示:

但我想建立一个phonegap应用程序,所以我不想将文件大小增加到大.
有人知道插件/方法或任何其他解决方案吗?
我在互联网上搜索,但我发现的方法是我的文件太大了.
我想创建一个可滚动的div.我知道这里有很多例子,但它们都不适合我.
我有一个.page类,它填满了我的手机屏幕.在里面我有一个.content div.这包含页面的内容.它只是从顶部对齐内容,如果内容超出.content的边界,则必须滚动内容.
.page{
margin: 0;
padding: 0;
min-height: 100%;
width: 100%;
display: block;
}
.content{
padding: 4em 0 0 0;
overflow-x: hidden;
overlofw-y: auto;
/*-webkit-overflow-scrolling: touch;*/
}
Run Code Online (Sandbox Code Playgroud)
我该怎么办才能让它发挥作用?
更新
我在小提琴中尝试了它,它是有效的.但不是在我的手机上.因此,我不知道问题应该在哪里.
因此我将整个代码附加到问题上.这对我来说非常重要.
请帮我.谢谢你的帮助.:)
我有一个像这样的数组:
var arr = ["element1","element2"];
Run Code Online (Sandbox Code Playgroud)
我想在车把文件中获取它的元素。
我用谷歌搜索没有结果,我找到的唯一解决方案是:
{{#each files}}
<a href="/"{{path}}"">{{title}}</a>
{{/each}}
Run Code Online (Sandbox Code Playgroud)
但这对我来说不好,因为我想实现目录中的所有文件都可以下载。
我在服务器端尝试的代码:
app.get('/download',function(req,res){
var items;
fs.readdir('./download',function(err,files){
items = files;
});
res.render('download',{
files:items
});
});
Run Code Online (Sandbox Code Playgroud)
而且我不知道如何在客户端进行迭代以使数组中的所有元素都可下载。
在客户端,我有一个包含链接的无序列表。问题是,我不知道如何实现这一目标。
客户端代码:
<div id="container">
<div class="highlight">
<img src="img/highlight.png"></img>
<p>A Click to download</p>
</div>
<ul>
<li class="RoundedAll"><a href="/">Back</a></li>
</ul>
<br />
<ul>
<!-- What should I put here? -->
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
感谢您的回答。