aralejs/sticky

实现元素跟随滚动的效果

sticky's Issues

sticky.fix("#bottom");调用后 没反应

'sticky': 'arale/sticky/1.1.0/sticky',

$('

footer fixed

').appendTo("body");
sticky.fix("#bottom");
调用后没反应，页面里找不到footer fixed这个元素，js都加载了。

fixed 支持探测优化

https://github.com/RubyLouvre/detectPositionFixed/blob/master/index.js

提供占位元素

从实际使用来看，之前在 #4 中提到的占位元素避免影响页面元素的想法还是有必要的。

从实现的角度，clone 不可取，但是可以生造一个空的 div 来代替现有元素。

优化 API

sticky.stick 接口, 之前采用事件的方式将 stick 和 restored 的时间点暴露给使用者, 但这需要先绑定事件再 render 对象, 接口不太简洁. 在小组讨论后, 将原先方式:

    sticky.stick("#stick", 30).on("stick", function(e) {
        seajs.log("stick");
    }).on("restored", function(e) {
        seajs.log("restored");
    }).render();

改成:

    sticky.stick("#stick", 30, function(status) {
        if (status) {
            seajs.log("stick");
        } else {
            seajs.log("unstick");
        }
    });

即, 增加第三个 callback(status) 参数, status 为 true 时, 表示状态变为 stick, status 为 false 时, 表示状态恢复成原先的 unstick 状态.

关于top的定位问题

我现在有个需求：一个fixed的元素始终保持距body底部一定的距离。
我看代码中直接取的offset().top的距离，这样就导致我页面resize的时候，给了bottom值的元素不准确！
建议如果样式中指明了bottom的值，同时没有声明top值得情况下直接用bottom定位不可以吗？这样也不用处理resize事件，同时也跟使用者的意图是最一致的。

提供回调，这样可以在fixed后再做点事情

2个建议

1. 现在chrome 23以上 支持 position : sticky了，考虑可以用原生实现
2. 如果 只要fixed模拟 ，直接省略第二个参数吧（内部给予一个大值），不要人为的设置一个大值，不够友好
3. 从固定位置变成跟随状态的一瞬间有个抖动的感觉（个人的感觉），这个还真不好模拟。。

支持sticky定位的浏览器中 表现异常

设置了position 参数（小于0），在支持sticky的浏览器中，会连续处罚两次 指定的回调。

判断 IE6 的 fixed 支持时对未合并的节点进行操作可能导致问题

主要是 appendChild 的操作，在 IE 下多测试下。

http://www.cnblogs.com/echovalley/archive/2012/12/08/2808232.html

能否支持在某一区间段内fixed

应用场景是这样的：右侧的“狗皮膏药”最开始是static，滚动一定值后变成fixed，继续滚动到一定值（和左侧某元素对齐）后原地变成static
例子：http://sourcing.alibaba.com/buyermarket/buyer_market_list.htm?categoryIds=1509&tracelog=rec_browsing （右侧表单）

IE9浏览器的IE9模式下Sticky.sticky指定的元素，在页面高度变化时没有触发回调的unstick处理。

其他浏览器或IE9的其他模式都是正常的。
现象描述：
1，页面高度超过浏览器可视区域，将页面滚动到底部，通过Sticky.sticky指定的元素以 position: fixed; 方式浮动在固定位置。
2，动态修改页面内容，使其高度小于可视区域，竖向滚动条消失，通过Sticky.sticky指定的元素仍以 position: fixed; 方式浮动在固定位置。未触发回调方法。
3，更换其他浏览器或IE9的其他模式则不会浮动。

resize 时 adjust 定位错误

先记下. 以后再调

sticky.stick 两个问题

1. sticky.stick 的第二个参数 marginTop 默认值不该为 originTop.
2. left 值设置的时机有点问题.

能否实现淘宝首页滚动时fixed元素底部与某div底部对齐

另一个例子:
http://leafo.net/sticky-kit/

变量isPositionStickySupported和isPositionFixedSupported是否多余？

代码第13和14行：
var isPositionStickySupported = checkPositionStickySupported(),
isPositionFixedSupported = checkPositionFixedSupported();
这两个变量是否多余呢？代码中其他部分并没有用到。而且如果这样做了，我用checkPositionStickySupported()直接判断不是比再声明isPositionStickySupported更方便？！

当 fixed bottom 时候 浏览器 resize 元素消失？

官网的例子就有这个问题，当浏览器 resize 时 top 元素 没问题 就 bottom 元素会消失！

title

从代码上看，考虑的情况太少了，在实际应用中会碰到很多问题。比如窗口高度小于fix内容，宽度小于页面宽度，。。。。。等等

应该实时计算元素原有的 offsetTop

现在是在 Sticky 调用时记录了 offsetTop ，但是如果后续由于页面元素高度变化，会导致记录的 originTop 的值不准确。

IE6下闪屏严重

之前 使用 timer 100ms, 不太好, 尝试了下以下的 a.className = a.className. 还是闪的厉害.

https://github.com/lifesinger/lifesinger.github.com/blob/master/lab/2009/ie6_fixed_position_v2.html

判断ie6的bug

由于jquery v1.9移除了$.browser，所以插件就报错，不能支持ie6

IE6下bug

在IE6下，使用鼠标滚轮，页面可以无限往下滚（出现的概率比较小），
另外，在IE6下滚动页面的时候有很严重的闪屏现象。

重新考虑元素在底部 sticky 的需求

https://my.alipay.com/portal/home.htm

新版我的支付宝首页底部的生活助手栏