A shell function could help on this: [alias] files = “!f() { git diff –name-status \”$1^\” \”$1\”; }; f” An alias without ! is treated as a Git command; e.g. commit-all = commit -a. With the !, it’s run as its own command in the shell, letting you use stronger magic like this. UPD Because … Read more
Check if an ancestor element has overflow set (e.g. overflow:hidden); try toggling it. You may have to inspect the DOM tree higher than you expect =). This may affect your position:sticky on a descendant element.
Short answer: no. (It is now possible with CSS transform. See the edit below) Long answer: The problem with using “fixed” positioning is that it takes the element out of flow. thus it can’t be re-positioned relative to its parent because it’s as if it didn’t have one. If, however, the container is of a … Read more
#container { width: 100px; height: 100px; position: relative; } #navi, #infoi { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #infoi { z-index: 10; } <div id=”container”> <div id=”navi”>a</div> <div id=”infoi”> <img src=”https://appharbor.com/assets/images/stackoverflow-logo.png” height=”20″ width=”32″ />b </div> </div> I would suggest learning about position: relative and child elements with position: absolute.
The correct approach is to use element.getBoundingClientRect(): var rect = element.getBoundingClientRect(); console.log(rect.top, rect.right, rect.bottom, rect.left); Internet Explorer has supported this since as long as you are likely to care about and it was finally standardized in CSSOM Views. All other browsers adopted it a long time ago. Some browsers also return height and width properties, though … Read more