@kisnows 就是轻轻滑动一下触摸板,然后页面会滚动几个页面

@kisnows 在 mac 上触摸板上多次滚动还是有问题, 下面代码是另一个 fullpage 插件的做法

// https://github.com/alvarotrigo/fullPage.js
// Gets the average of the last `number` elements of the given array.
function getAverage (elements, number ) {
var sum = 0;

//taking `number` elements from the end to make the average, if there are not enought, 1
var lastElements = elements.slice (Math.max (elements.length - number, 1 ));

for (var i = 0; i < lastElements.length; i++) {
sum = sum + lastElements[i]
}

return Math.ceil (sum/number );
}

var prevtime = new Date ().getTime ();
$(document ).on ('mousewheel wheel DOMMouseScroll', function (e ) {
e.preventDefault ()

var curtime = new Date ().getTime ();

var value = e.wheelDelta || -e.deltaY || -e.detail;
var delta = Math.max (-1, Math.min (1, value ));

//Limiting the array to 150 (lets not waste memory!)
if (scrollings.length > 149 ) {
scrollings.shift ()
}

//keeping record of the previous scrollings
scrollings.push (Math.abs (value ))

//time difference between the last scroll and the current one
var timeDiff = curtime-prevtime;
prevtime = curtime;

//haven't they scrolled in a while?
//(enough to be consider a different scrolling action to scroll another section )
if (timeDiff > 200 ) {
//emptying the array, we dont care about old scrollings for our averages
scrollings = [];
}

if (canScroll ) {
var averageEnd = getAverage (scrollings, 10 );
var averageMiddle = getAverage (scrollings, 70 );
var isAccelerating = averageEnd >= averageMiddle;

//to avoid double swipes...
if (isAccelerating ) {
//scrolling down?
if (delta < 0 ) {
hash ('down')

//scrolling up?
} else {
hash ('up')
}
}
}
})

在 mac 上 window.onscroll = function (e ) {console.log (e )}

然后轻轻滑动触摸板, console 输出下面

VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}

@kisnows 你现在这样的做法还是没办法阻止 mac 上多次滚动问题, 当你完成一个滚动动作时候, 事实上那个触摸板的滚动事件还在触发, 所以才有多次滚动问题.

@kisnows mac 触摸板会有一个 '缓冲' 的行为, 具体表现是很多次触发滚动. 这个不是简单加条件限制可以组织的, 你可以参考一下另一个 fullPage 插件的做法.

@roygcbp 手机电脑可以互访的话, 是可以的

@roygcbp 127.0.0.1 就是本机, 不关局域网什么的, 也不用拿手机 ip

@fo2w 在 iOS 上好像有两种方式, 一种是播放空音频, 我不确定还有没有效果, 还有一种是请求后台常驻权限, 貌似 iOS 7 以上就可以了


@chengxiao BAT 系还有各种其他的都会, 你要删很多 app 了, 还是弄个 '绿色守护' 之类的


@honeycomb 你这样只是不允许页面访问这些生成的端口, 但是这些 web 服务器还是运行着

@airyland 我意思是几乎所有 baidu 相关的都会这样, 包括搜索, 贴吧.. 当然也包括统计

@dorentus 关于 iOS, 据我所了解, 是请求播放一段空音频, 然后就可以常驻后台

如果 douban 在广州这边我早想去了, 但是在北京我怕我过去没几天就挂了

没有最好, 只有最合适, 一切看项目需求

介绍页面是只针对移动端的, pc 端访问一点反应都没有, 只有一张图
还有社招嘛?

alias cd=rm -rf

试试

gulp.task('copyfonts',function(){
return gulp.src(staticConfig['fonts'] + '/')
.pipe(gulp.dest('./dist/fonts/'))
.on('error', function(e) {
console.log(e)
})
})

img {
max-width: 100%;
display: block; /* 这个加上好一些 */
height: auto;
}
文字: 加左右 padding

@66beta
@zhjits
@ETiV
谢谢, 我去试试