Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
Css 加载API数据时,如何使侧抽屉展开?_Css_Reactjs_Api - Fatal编程技术网

Css 加载API数据时,如何使侧抽屉展开?

Css 加载API数据时,如何使侧抽屉展开?,css,reactjs,api,Css,Reactjs,Api,我正在做一个书架项目。我还是一个编程新手,但到目前为止我成功地让GoogleBooksAPI工作,但是当我收到搜索结果时,我的侧抽屉(侧菜单)没有展开 另外,如果我想“加载更多结果”,最好的方法是什么 问题视频: 维塞尔: 致以最良好的祝愿, Frederik因此,与其“扩展”侧栏,不如将其设置为高度:100vh和位置:固定。这样,当用户滚动时,侧栏也随之滚动 至于“加载更多结果”位,这取决于您的实现。你要么想分页,要么做“无限滚动”。分页可以是底部的一个条形图,显示总的结果和不同的页面,或者它

我正在做一个书架项目。我还是一个编程新手,但到目前为止我成功地让GoogleBooksAPI工作,但是当我收到搜索结果时,我的侧抽屉(侧菜单)没有展开

另外,如果我想“加载更多结果”,最好的方法是什么

问题视频:

维塞尔:

致以最良好的祝愿, Frederik

因此,与其“扩展”侧栏,不如将其设置为
高度:100vh
位置:固定
。这样,当用户滚动时,侧栏也随之滚动


至于“加载更多结果”位,这取决于您的实现。你要么想分页,要么做“无限滚动”。分页可以是底部的一个条形图,显示总的结果和不同的页面,或者它的简化版本只是在底部添加一个元素,上面写着“加载更多…”,并通过在当前列表上展开来加载下一组元素。这可以防止客户端下载大量他们永远看不到的内容。为了提高性能,我建议延迟加载下一组结果,这样当用户单击按钮时,它会立即加载下一组结果。

谢谢,伙计!明天我会试一试,如果成功了就告诉你。再次谢谢你,伙计!我刚刚实现了侧条码,效果很好。关于“加载更多结果”,我将不得不做一些阅读。我以前从未尝试过,所以我不知道哪种实现对我的项目最有效,但非常感谢您的帮助!请在您尝试了什么但没有成功的问题上添加代码示例。