添加或删除动态内容时,jScrollPane 将不会保持其位置(jQuery)
我正在将内容动态添加到我的 jScrollPane DIV 中,并且我最终让它扩展窗格高度或根据内容量删除它,但是在这种情况下我需要它不要每次都滚动回顶部添加或减少某些内容的时间。我需要它留在原地。
这是我目前用来重新初始化 jScrollPane 的代码:
function refreshNav() {
var top = $('#my_scroller').css('top');
$('#infohome').jScrollPaneRemove();
if (page == "enquiryform"){
$('#infohome').css('height','550px')
}
else {
$('#infohome').css('height','284px')
}
$('#infohome').jScrollPane();
$('#infohome').css('top',top);
$('.jScrollPane').css('height','100%');
}
我已经尝试删除与“top”相关的所有代码,但它似乎没有什么区别。
I'm adding content dynamically into my jScrollPane DIV, and I've finally made it expand the pane height or get rid of it depending on the amount of content, however I need it in this instance not to scroll back up to the top every time something is added or subracted. I need it to stay put.
Here is the code I am using to reinitialize the jScrollPane at the moment:
function refreshNav() {
var top = $('#my_scroller').css('top');
$('#infohome').jScrollPaneRemove();
if (page == "enquiryform"){
$('#infohome').css('height','550px')
}
else {
$('#infohome').css('height','284px')
}
$('#infohome').jScrollPane();
$('#infohome').css('top',top);
$('.jScrollPane').css('height','100%');
}
I have already tried getting rid of all the code relating to 'top' but it doesn't seem to make a difference.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为最好的解决方案是停止使用 jScrollPane 并使用 nanoScroller 代替。 :)
I think the best solution is stop using jScrollPane and use nanoScroller instead. :)