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;
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
add a comment |
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
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
add a comment |
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
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
angular angular-router
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
add a comment |
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
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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.
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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