我在我的网站中使用了jscrollpane http://jscrollpane.kelvinluck.com/,它工作正常,但不是100%。几次触发后jScrollpane行为不检
为了清楚起见,我在图像列表上使用了jscrollpane来迎合水平溢出。图像位于div内,一旦用户点击不同按钮,我将更改div内容。因此,我需要将maintainPosition设置为false,以确保在div内容发生更改后,它不会“向右滚动”到右侧,并使内容在左侧不可见。
这里是我的代码:
// function to change the div content
function getContainerImg(cid) {
// Use jscrollpane api function to enable reinitialization
var scrollelement = $('#containersimg').jScrollPane({ maintainPosition: false });
var api = scrollelement.data('jsp');
$.ajax({
async: false,
url: '@(Url.Action("GetContainersImg", "Kitchen"))',
type: 'GET',
data: { name: cid },
success: function (result) {
api.getContentPane().html(result);
// Needed to apply jscrollpane after change new container type
api.reinitialise();
$('#containersimg').effect('slide', 500);
我已经在测试过程中测试了多种方案中,有一些怪异的行为发生:
- 如果我打开我的网站,让它闲置了一段时间,维护位置失败,使更新的图像不可见
- 如果我点击按钮切换内容多次,滚动条会消失一段时间,它只会重新出现,如果我再次触发内容更改
编辑: 包括图像来说明我的情况:
编辑2: 包括完整代码在这里:
pastebin.com/qfVSp2tq 的CSS:
引擎收录。 com/FdMXhS5B
滚动条的缺失发生越来越频繁nt ...
任何想法为什么会出现此问题?这是非常重要的错误,因为如果滚动条保持其位置在最右侧或滚动条完全不出现时用户可能无法看到内容。
我想可能的原因可能是我构造滚动条的顺序。任何建议? 非常感谢您......
如果你还没有,尝试设置每个图像的宽度,以确保jScrollpane分配正确的总宽度,例如:http://jscrollpane.kelvinluck.com/image2.html。 –
嗨,谢谢,但每个图像已经有一个固定的宽度.. – shennyL
如何调用'scrollToX(0)'?如果您可以提供该网站或至少相关的HTML/CSS,我将能够更高效地提供帮助。你说你的ajax函数工作得很好,我在jScrollPane调用中找不到任何错误。 –