我正在尝试将自定义样式应用于滚动条(实际上,尝试使滚动条始终可见)并保留iOS应用程序的动量滚动:
#container {
height: 400px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
#container::-webkit-scrollbar {
-webkit-appearance: none;
background-color: #000;
}
#container::-webkit-scrollbar:horizontal {
height: 6px;
}
#container::-webkit-scrollbar-thumb {
background-color: #000;
}
#container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #333;
}
Run Code Online (Sandbox Code Playgroud)
但-webkit-overflow-scrolling: touch和::-webkit-scrollbar风格不一起工作.StackOverflow上已经有一个相关的问题:
-webkit-overflow-scrolling:touch在iOS中打破了我的-webkit-scrollbar css
那么,从2016年春天的高峰开始,有什么方法可以在滚动条的同时设置滚动条的样式吗?-WebKit-overflow-scrolling: touch如果有另一种方法可以伪造它,我准备放弃了.
请不要建议使用niceScroll,iScroll等 - 我试过这些; 实际上,我目前正在使用其中一个这样的脚本,并希望摆脱它.
我有以下不相关的TypeORM 实体(由于各种原因,我无法在它们上使用一对多关系):
@Entity()
export class Book {
@PrimaryGeneratedColumn()
id: number;
@Column()
name: string;
}
@Entity()
export class BookCategory {
@PrimaryGeneratedColumn()
id: number;
@Column()
bookId: number;
@Column()
name: string;
}
Run Code Online (Sandbox Code Playgroud)
对于一本书,两个指定的类别和以下查询:
const query = this.bookRepository
.createQueryBuilder('book')
.leftJoinAndSelect(BookCategory, 'category', 'book.id = category.bookId');
return query.execute();
Run Code Online (Sandbox Code Playgroud)
我得到以下回复:
[
{
"book_id": 1,
"book_name": "Lorem Ipsum",
"category_id": 1,
"category_name": "non-fiction"
},
{
"book_id": 1,
"book_name": "Lorem Ipsum",
"category_id": 2,
"category_name": "documentary"
}
]
Run Code Online (Sandbox Code Playgroud)
正如你所看到的,我得到了 2 个对象。有什么方法可以通过 TypeORM 查询获取以下内容吗?
[
{
"id": 1,
"name": "Lorem …Run Code Online (Sandbox Code Playgroud)