当float:left在EE2中与一些繁重的javascript一起使用时,滚动速度非常慢(浏览器固有)
所以我在ExpressionEngine2中创建了一个库,坦白地说,我不太清楚,所以我使用了很多javascript来弥补它 (如果你能给我一个简单的建议,我会永远爱你) 特别是,当我在图片块链接上使用float时,页面上的滚动开始变得疯狂当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> 一旦我使用浮动:左;页面停止
<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
}
})