我正在为我的网站使用引导,并使本地滚动正常工作(我使用标准导航条形码)。到目前一切尚好。
接下来,我想要实现一个在桌面和移动设备(iphone、android等)上正常工作的全屏背景。背景图片应覆盖整个屏幕,当用户滚动页面内容时不应移动。我能找到的唯一解决办法(经过相当长时间的搜索)是:
html {
background: url('images/ny-building-xs-optimized.jpg') no-repeat center center fixed !important;
background-size: cover !important;
我已经在我的网站上构建了自定义无限滚动,通过调用API端点,它可以根据滚动方向加载6个后续或6个先前的帖子:
$.get('/api/post/' + chunkToLoadNow + '/' + categoryToLoad + '/', function (response) {
// appends or prepends a container with some html content
}
这个可以完美地工作。重点是附加的或预先添加的HTML还包含用于图像的延迟加载类,因此一旦标记被注入并且部分位于视口中,插件就会对6个缩略图发