简体   繁体   English

如何摆脱jscroll分隔符?

[英]how to get rid of the jscroll separator?

so, i am using something called 'jscroll'( http://jscroll.com ) in order to bring about infinite scrolling. 因此,我使用一种叫做“ jscroll”( http://jscroll.com )的东西来实现无限滚动。

http://lifeto.cafe24.com/xe/request http://lifeto.cafe24.com/xe/request

here is the board that uses jscroll to load contents infinitely. 这是使用jscroll无限加载内容的板。

but as you scroll through, notice there's a separator after 10 lists. 但是当您滚动浏览时,请注意在10个列表之后有一个分隔符。

that's because the jscroll is adding the '.jscrolladded' div between the .masonrys 那是因为jscroll在.masonrys之间添加了'.jscrolladded'div

is it possible to get rid of the.jscrolladded, as well as the '.masonry' that wrapps the .items? 是否有可能摆脱.jscrolladd以及包裹.items的'.masonry'?

here is the script that i use. 这是我使用的脚本。

jQuery(document).ready(function(){
jQuery('.board_content').jscroll({
loadingHtml: '<div class="loading_div"><center><img src="layouts/wb10    /ajax-loader4.gif" alt="Loading" /></center></div>',
padding: 0,
contentSelector: '.board_list',
autoTriggerUntil: 30,
nextSelector:'.next_button',
callback: function() {

 jQuery('.masonry').masonry({
    columnWidth: '.grid-sizer',
    gutter: '.gutter-sizer',
    itemSelector: '.item'
});


 jQuery('.list_one').waypoint(function() {
  jQuery('.list_one').addClass('animated fadeIn');
  }, {
     offset: '75%'
});
}
}); });

May be adding 可能正在添加

.jscrolladded
{
display:none;
}

in your CSS could help/ 在您的CSS中可以帮助/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM