scrollable?

You have taken on a task that, if you succeed, will make you a hero. I tried this and the straightforward thing — to position:fixed; the <thead> — is impossible. I had to copy all of the <thead> into a new object. But when you do that, the horizontal spacing of the <th> elements all … Read more

HTML5 : Iframe No scrolling?

In HTML5 there is no scrolling attribute because “its function is better handled by CSS” see http://www.w3.org/TR/html5-diff/ for other changes. Well and the CSS solution: CSS solution: HTML4’s scrolling=”no” is kind of an alias of the CSS’s overflow: hidden, to do so it is important to set size attributes width/height: iframe.noScrolling{ width: 250px; /*or any … Read more

scrollintoview animation

In most modern browsers (Chrome and Firefox, but not Safari, UC, or IE) you can pass options in an object to .scrollIntoView(). Try this: elm.scrollIntoView({ behavior: ‘smooth’, block: ‘center’ }) Other values are behavior: ‘instant’ or block: ‘start’ or block: ‘end’. See https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView

Tracking scroll position and notifying other components about it

I think the easiest way is each interested component listening to the scroll event. @Component({ … // alternative to `@HostListener(…)` // host: {‘(window:scroll)’: ‘doSomething($event)’} }) class SomeComponent { @HostListener(‘window:scroll’, [‘$event’]) doSomething(event) { // console.debug(“Scroll Event”, document.body.scrollTop); // see András Szepesházi’s comment below console.debug(“Scroll Event”, window.pageYOffset ); } } plunker Plunker using @HostListener() Hint: bootstrap(MyComponent, [ … Read more