Angular router scroll, get positionAngular HTML bindingAngular2 - OnInit : Values returned from Service' subscribe function does not get assigned to Component field/sAngular 2 App Component constructor and ngoninit not calledAngular 4, Router 4.0.0: routerLink or router.navigate programatically doesn't redirect to child routesAngular 2 event not workingInheritance in angular2Why ngOnInit is getting called every time repeatedlyAngular Router Module ActivatedRoute returns null firstChild when one existsNeed help understanding why my Username property in my component is undefined?Angular 6 scrolling event

Three Subway Escalators

Why is there an extra "t" in Lemmatization?

ESTA Travel not Authorized. Accepted twice before!

Does a hash function have a Upper bound on input length?

Why would word of Princess Leia's capture generate sympathy for the Rebellion in the Senate?

How to tell readers that I know my story is factually incorrect?

Trivial non-dark twist in dark fantasy

Soft constraints and hard constraints

How to declare an array without specifying its size, but with an initializer inside a class in C++?

Where can I find standards for statistical acronyms and whether they should be capitalized or lower case?

Is it ethical to tell my teaching assistant that I like him?

How deep is the Underdark? What is its max and median depth?

Conditional statement in a function for PS1 are not re-evalutated

What's a German word for »Sandbagger«?

You have no, but can try for yes

Ethiopian Airlines tickets seem to always have the same price regardless of the proximity of the date?

Why should fork() have been designed to return a file descriptor?

Infinite points on circle

Can two waves interfere head on?

Could Europeans in Europe demand protection under UN Declaration on the Rights of Indigenous Peoples?

What is the intuition for higher homotopy groups not vanishing?

Another "name-that-distribution" question

What does "play in traffic" mean?

Is art a form of communication?



Angular router scroll, get position


Angular HTML bindingAngular2 - OnInit : Values returned from Service' subscribe function does not get assigned to Component field/sAngular 2 App Component constructor and ngoninit not calledAngular 4, Router 4.0.0: routerLink or router.navigate programatically doesn't redirect to child routesAngular 2 event not workingInheritance in angular2Why ngOnInit is getting called every time repeatedlyAngular Router Module ActivatedRoute returns null firstChild when one existsNeed help understanding why my Username property in my component is undefined?Angular 6 scrolling event






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















In my main appComponent I have the following code:



ngOnInit(): void 
this.router.events.pipe(
filter(event => event instanceof Scroll)
).subscribe((res) =>
const sEv = res as Scroll;
console.log(sEv.position);
this.scrollPosition = sEv.position ? sEv.position : [0, 0];
);



But everytime console log shows position as null. Why is this? Is it something wrong in my code?










share|improve this question






















  • you want only get current scroll position?

    – Boris Adamyan
    Mar 26 at 13:20











  • ngOnInit() window.addEventListener('scroll', this.scrollEvent, true); ngOnDestroy() window.removeEventListener('scroll', this.scrollEvent, true); scrollEvent = (event: any): void => const number = event.srcElement.scrollingElement.scrollTop; console.log(number);

    – Boris Adamyan
    Mar 26 at 13:22











  • event.srcElement.scrollingElement doesn't exist and document.scrollingElement .scrollTop return always 0

    – gong
    Mar 26 at 13:55











  • try ----event.srcElement.scrollTop----

    – Boris Adamyan
    Mar 26 at 13:58

















0















In my main appComponent I have the following code:



ngOnInit(): void 
this.router.events.pipe(
filter(event => event instanceof Scroll)
).subscribe((res) =>
const sEv = res as Scroll;
console.log(sEv.position);
this.scrollPosition = sEv.position ? sEv.position : [0, 0];
);



But everytime console log shows position as null. Why is this? Is it something wrong in my code?










share|improve this question






















  • you want only get current scroll position?

    – Boris Adamyan
    Mar 26 at 13:20











  • ngOnInit() window.addEventListener('scroll', this.scrollEvent, true); ngOnDestroy() window.removeEventListener('scroll', this.scrollEvent, true); scrollEvent = (event: any): void => const number = event.srcElement.scrollingElement.scrollTop; console.log(number);

    – Boris Adamyan
    Mar 26 at 13:22











  • event.srcElement.scrollingElement doesn't exist and document.scrollingElement .scrollTop return always 0

    – gong
    Mar 26 at 13:55











  • try ----event.srcElement.scrollTop----

    – Boris Adamyan
    Mar 26 at 13:58













0












0








0








In my main appComponent I have the following code:



ngOnInit(): void 
this.router.events.pipe(
filter(event => event instanceof Scroll)
).subscribe((res) =>
const sEv = res as Scroll;
console.log(sEv.position);
this.scrollPosition = sEv.position ? sEv.position : [0, 0];
);



But everytime console log shows position as null. Why is this? Is it something wrong in my code?










share|improve this question














In my main appComponent I have the following code:



ngOnInit(): void 
this.router.events.pipe(
filter(event => event instanceof Scroll)
).subscribe((res) =>
const sEv = res as Scroll;
console.log(sEv.position);
this.scrollPosition = sEv.position ? sEv.position : [0, 0];
);



But everytime console log shows position as null. Why is this? Is it something wrong in my code?







angular angular-router






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 26 at 12:37









gonggong

6832 gold badges13 silver badges33 bronze badges




6832 gold badges13 silver badges33 bronze badges












  • you want only get current scroll position?

    – Boris Adamyan
    Mar 26 at 13:20











  • ngOnInit() window.addEventListener('scroll', this.scrollEvent, true); ngOnDestroy() window.removeEventListener('scroll', this.scrollEvent, true); scrollEvent = (event: any): void => const number = event.srcElement.scrollingElement.scrollTop; console.log(number);

    – Boris Adamyan
    Mar 26 at 13:22











  • event.srcElement.scrollingElement doesn't exist and document.scrollingElement .scrollTop return always 0

    – gong
    Mar 26 at 13:55











  • try ----event.srcElement.scrollTop----

    – Boris Adamyan
    Mar 26 at 13:58

















  • you want only get current scroll position?

    – Boris Adamyan
    Mar 26 at 13:20











  • ngOnInit() window.addEventListener('scroll', this.scrollEvent, true); ngOnDestroy() window.removeEventListener('scroll', this.scrollEvent, true); scrollEvent = (event: any): void => const number = event.srcElement.scrollingElement.scrollTop; console.log(number);

    – Boris Adamyan
    Mar 26 at 13:22











  • event.srcElement.scrollingElement doesn't exist and document.scrollingElement .scrollTop return always 0

    – gong
    Mar 26 at 13:55











  • try ----event.srcElement.scrollTop----

    – Boris Adamyan
    Mar 26 at 13:58
















you want only get current scroll position?

– Boris Adamyan
Mar 26 at 13:20





you want only get current scroll position?

– Boris Adamyan
Mar 26 at 13:20













ngOnInit() window.addEventListener('scroll', this.scrollEvent, true); ngOnDestroy() window.removeEventListener('scroll', this.scrollEvent, true); scrollEvent = (event: any): void => const number = event.srcElement.scrollingElement.scrollTop; console.log(number);

– Boris Adamyan
Mar 26 at 13:22





ngOnInit() window.addEventListener('scroll', this.scrollEvent, true); ngOnDestroy() window.removeEventListener('scroll', this.scrollEvent, true); scrollEvent = (event: any): void => const number = event.srcElement.scrollingElement.scrollTop; console.log(number);

– Boris Adamyan
Mar 26 at 13:22













event.srcElement.scrollingElement doesn't exist and document.scrollingElement .scrollTop return always 0

– gong
Mar 26 at 13:55





event.srcElement.scrollingElement doesn't exist and document.scrollingElement .scrollTop return always 0

– gong
Mar 26 at 13:55













try ----event.srcElement.scrollTop----

– Boris Adamyan
Mar 26 at 13:58





try ----event.srcElement.scrollTop----

– Boris Adamyan
Mar 26 at 13:58












0






active

oldest

votes










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55357384%2fangular-router-scroll-get-position%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes




Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55357384%2fangular-router-scroll-get-position%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript