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

SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

은진 송씨 목차 역사 본관 분파 인물 조선 왕실과의 인척 관계 집성촌 항렬자 인구 같이 보기 각주 둘러보기 메뉴은진 송씨세종실록 149권, 지리지 충청도 공주목 은진현