我想写一个脚本来修复DIV,如果屏幕是一定的宽度。这是我迄今为止,但逻辑是不正确的,我不知道如何写它。基于窗口大小的条件固定DIV
var controller = new ScrollMagic();
var w = $(window).width();
if(w >= 500) {
var sidebar = new ScrollScene()
.triggerHook("0")
.setPin("#sidebar-pin")
.addTo(controller);
}
$(window).on('resize',function(){
if(w < 500) {
controller.removePin("#sidebar-pin",true);
} else {
var sidebar = new ScrollScene()
.triggerHook("0")
.setPin("#sidebar-pin")
.addTo(controller);
}
});
http://jsfiddle.net/gtowle/jxoewzoo/
我的目标的逻辑是:
- 在页面加载,如果窗口宽度大于500,做A.如果没有,什么也不做。
- 在窗口大小调整,如果窗口宽度小于500,做B超,如果它变得比640大,做A.
我想我的问题是,我不知道如何触发#2窗口重新调整大小后。