| 前 | 2016年 5月 |
次 | ||||
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | ||||
fixed 設定されたゾーンがスクロールしていき、全て表示されたらスクロールを止める、戻せばまた開始位置までスクロールで戻れる、と云う javascript を書いてみた!
jQuery の拡張で練習~
$.fn.objKeep = function() {
var self = this;
var winD = $(window);
var h = winD.height(),
b = self.height();
var m = self.css("top").replace(/px/g, "") * 1;
if (h < b) {
var _method = ('ontouchstart' in document) ? 'touchmove' : 'scroll';
winD.on(_method, function() {
var s = (winD.scrollTop() - m) * -1,
v = (h - b);
if (s > v) v = s;
self.css('top', v + 'px');
});
}
}
コレで fixed されたのを $(****).objKeep(); としてやれば・・・・・!
希望通りに動くとキモチイイな!