title
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
AV | Car | Game | Internet | IT | Linux | Movie | other | PC | RC | Reading | SmartPhone | Web


2016-05-18 自己

_ [Internet]探せばあるのだろうけれども.

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(); としてやれば・・・・・!

希望通りに動くとキモチイイな!



Links
  • Smoug Mail
    無料/有料 の、メールアドレス発行サービス。
    スパムフィルタ、アンチウィルス標準搭載!
«前の日記(2016-05-17) 最新 次の日記(2016-05-19)»