Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当float:left在EE2中与一些繁重的javascript一起使用时,滚动速度非常慢(浏览器固有)_Javascript_Jquery_Css Float_Gallery_Expressionengine - Fatal编程技术网

当float:left在EE2中与一些繁重的javascript一起使用时,滚动速度非常慢(浏览器固有)

当float:left在EE2中与一些繁重的javascript一起使用时,滚动速度非常慢(浏览器固有),javascript,jquery,css-float,gallery,expressionengine,Javascript,Jquery,Css Float,Gallery,Expressionengine,所以我在ExpressionEngine2中创建了一个库,坦白地说,我不太清楚,所以我使用了很多javascript来弥补它 (如果你能给我一个简单的建议,我会永远爱你) 特别是,当我在图片块链接上使用float时,页面上的滚动开始变得疯狂 <a href="#" class="popthisshit photoins" style=""><img height="170" src="'+quitenice[i]+'"></a> 一旦我使用浮动:左;页面停止

所以我在ExpressionEngine2中创建了一个库,坦白地说,我不太清楚,所以我使用了很多javascript来弥补它 (如果你能给我一个简单的建议,我会永远爱你)

特别是,当我在图片块链接上使用float时,页面上的滚动开始变得疯狂

<a href="#" class="popthisshit photoins" style=""><img height="170" src="'+quitenice[i]+'"></a>
一旦我使用浮动:左;页面停止正常滚动。 把它取下来就好了。。 __

下面是代码[不要讨厌plzktnx]

我首先从频道中的照片创建数组quitenice

{exp:channel:entries channel="galleries" disable="categories|category_fields|custom_fields|member_data|pagination" limit="1" status="open|closed"}
<script> 
var quitenice = new Array('{gallery_photos}{row_photo} ', '{/gallery_photos}');
{exp:channel:entries channel=“galleries”disable=“categories | categories | fields | custom | fields | member | data | pagination”limit=“1”status=“open | closed”}
var quitenice=新数组({gallery_photos}{row_photos}',{/gallery_photos});
但是,哦,哇,你可以在远处喊叫。。 由于以下原因: 在这里,我创建了伪分页,以避免使用它,因为它被证明更重

var zero = 0;
var size = 25;
var somecount = 0;

for (var i=zero; i<size; i+=1) {
    somecount+=1;
    document.write('<a href="#" class="popthisshit photoins" style=""><img height="170" src="'+quitenice[i]+'"></a>');
};

var newzero=zero+size; 
var newsize = size+newzero;
var零=0;
变量大小=25;
var-somecount=0;

对于(var i=zero;i我在编写无限滚动脚本时遇到了相同的问题。问题是滚动事件会在每个滚动中的每个小steo上触发。我在airbnb的InfinityJS中找到的解决方案是使用设置为~500的间隔来检查自上一个间隔以来滚动的差异。然后运行
shouldShow
方法基于滚动的

var prevScroll = -1
window.setInterval(function () {
    currScroll = window.scrollY
    if (currScroll != prevScroll) {
        // check
    }
})

你看,这件事的荒谬之处在于,它在没有无限滚动的情况下滚动得很厉害。我从代码中删除了滚动,但它仍然有缺陷。唯一让它没有缺陷的是删除了浮动:从.photoins css中删除。这太荒谬了!在没有可查看的演示的情况下,很难帮助解决这样的问题,你认为可以安装一个吗?另外,除非这是你自己的个人网站,否则不要建议在你的源代码中添加亵渎内容。嗨,奥斯汀,是的,你对亵渎内容的看法是正确的,这是不必要的..这是演示:,其中.photoinc向左浮动,而它不在哪里
document.write('<a href="#" class="morePics"></a>');
$(function () {
             var $win = $(window);
             $win.scroll(function () {
                 if ($win.height() + $win.scrollTop() == $(document).height()) {
                    if(quitenice.length >=newsize){ 
                        for (var ii=newzero; ii<newsize; ii+=1) {
                            $('.morePics').before('<a href="#" class="popthisshit photoins"><img src="'+quitenice[ii]+'"></a>');        
                        };
                        newzero += size;
                        newsize +=size;
                    }else{  
                        for (var ii=newzero; ii< quitenice.length-1; ii+=1) {
                            $(this).before('<a href="#" class="popthisshit photoins"><img src="'+quitenice[ii]+'"></a>');
                        };
                        $('.morePics').before('<span class="ender"></span>');
                        newzero += size;
                        newsize +=size;
                    }; 
                 }
             });
         });

</script>
{/exp:channel:entries}
var prevScroll = -1
window.setInterval(function () {
    currScroll = window.scrollY
    if (currScroll != prevScroll) {
        // check
    }
})