ngSticky – Stepan Suvorov Blog https://stepansuvorov.com/blog Release 2.0 Sat, 14 Jun 2014 17:52:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 ngSticky – атрибут директива для позиционирования панелей управления https://stepansuvorov.com/blog/2014/06/ngsticky/ https://stepansuvorov.com/blog/2014/06/ngsticky/#respond Sat, 14 Jun 2014 17:52:02 +0000 http://stepansuvorov.com/blog/?p=1733 Continue reading ]]> Вдохновленный angular-sticky написал свой  ngSticky вариант:

[javascript]
angular.module(‘ui’)
.directive(‘ngSticky’, function($window) {
return function($scope, element) {
var start,
$win = element($window);

$win.on(‘scroll’, function() {

var scroll = $win.scrollTop();

start = start || element.offset().top;

if (scroll > start) {
element.addClass(‘stuck’);
} else {
element.removeClass(‘stuck’);
}
});

$win.on(‘resize’, function recheckPositions() {
element.width( element.parent().width() );
});

};
});
[/javascript]

CSS:

[css]
.stuck {
position: fixed;
top: 0;
}
[/css]

]]>
https://stepansuvorov.com/blog/2014/06/ngsticky/feed/ 0