前 | 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(); としてやれば・・・・・!
希望通りに動くとキモチイイな!