gpt4 book ai didi

javascript - JScrollPane 不会滚动整个 div? -- JScrollPane 不会随 div 在窗口调整大小时动态移动

转载 作者:行者123 更新时间:2023-11-28 11:38:15 29 4
gpt4 key购买 nike

我在 div 上使用 JScrollPane 来滚动它。 div 包含一个自写的 javascript 代码,它从我的 tumblr 提要中获取最后几篇文章。但是,即使滚动 Pane 显示正常,但由于某种原因它不会完全滚动通过 div。这意味着当我滚动到 jscroll 的末尾时,在未显示的 div 的可视区域下方还有更多内容。我想知道是否有人可以帮我解决这个问题..这是我正在使用的页面的链接: http://prisingh.com/#recent

这是文档的头部:

<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

<script type="text/javascript" id="sourcecode">
$(function()
{
$('.scroll-pane').jScrollPane();
});
</script>

正文部分:

<div class="tumblr scroll-pane">
<img src="images/recenttumblr.png" style="position:fixed;">
<script type="text/javascript" src="js/tumblr.js"></script>
</div>

以下是正在使用的 javascript 代码: http://www.prisingh.com/js/

编辑:现在我已经修复了原始的 div 加载问题,我想知道我将如何让 Jscrollpane 随着 div 在窗口调整大小时动态移动。每次我调整窗口大小时,JScrollpane 都保持在网站最初加载时所在的位置。我已经尝试了插件提供的代码:

$(function()
{
$('.scroll-pane').each(
function()
{
$(this).jScrollPane(
{
showArrows: $(this).is('.arrow')
}
);
var api = $(this).data('jsp');
var throttleTimeout;
$(window).bind(
'resize',
function()
{
if (!throttleTimeout) {
throttleTimeout = setTimeout(
function()
{
api.reinitialise();
throttleTimeout = null;
},
50
);
}
}
);
}
)

});

这并没有解决问题,滚动条使 div 保持与网站原始加载时相同的宽度。如需演示,请访问 prisingh.com/#recent 并在页面加载后尝试调整窗口大小。

最佳答案

试试这个

$(document).ready(function() {
var $images = $(".tumblr img")
, imageCount = $images.length
, counter = 0;
$images.one("load",function(){
counter++;
if (counter == imageCount) {
$('.scroll-pane').jScrollPane();
}
}).each(function () {
if (this.complete) {
$(this).trigger("load");
}
});
});

关于javascript - JScrollPane 不会滚动整个 div? -- JScrollPane 不会随 div 在窗口调整大小时动态移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20810975/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com