Comments (5)
Thanks, I will look into this.
from ngx-perfect-scrollbar.
I could not reproduce the problem. With correct styles the scrollbar did work inside router outlet as well. Perhaps you could give me some example code which reproduces the problem.
from ngx-perfect-scrollbar.
did you wrap it like this, or each component has its own perfect-scrollbar tag
<perfect-scrollbar class="full-width"> <router-outlet></router-outlet> </perfect-scrollbar>
maybe my style is wrong, but does make sense to get the same height of the perfect-scrollbar element,
this.elementRef.nativeElement.offsetHeight;
regardless of the content , as long as it scrolls
from ngx-perfect-scrollbar.
Ah I misunderstood you a bit, so you are placing the router outlet inside the ps element and not the otherway around :) I will test and verify that case later today.
from ngx-perfect-scrollbar.
Now when I stop to actually think about it your fix makes sense, but we also need to check for the change in scroller height as well as the content height. I will add a fix for this and release 0.6.1.
from ngx-perfect-scrollbar.
Related Issues (20)
- Native Scrollbars Support in ngx-prerfect-scrollbar HOT 1
- help/question x scrollbar position top
- Scroll to buttom and reduce the contents of the container, the scroll bar will not adapt to changes automatically HOT 1
- scrollbar focusing prevent configuration required
- ngx-perfect-scrollbar works properly in desktop but has some issue in IPad
- update perfect-scrollbar version to support minor releases to prevent scrollTop issues from the perfect-scrollbar package
- Support Angular 13
- Angular 13 ivy. Processing legacy "View Engine" libraries HOT 24
- SCRIPT1002 error in ie11 HOT 1
- Scrollbar is not activated when the 2nd last entry is split across two lines and thee min-scroll-bar-length is set
- update doc for scroll spy usage
- choppy scroll on touch devices
- Scroll not working for nested scroll containers on Mobile device.
- Angular 14: DeprecationWarning: In future versions of Node.js, fs.rmdir(path, { recursive: true }) will be removed. Use fs.rm(path, { recursive: true }) instead
- [Angular 14] not able to import perfect-scrollbar.component.css
- how to set the minHeight of the Scroll bar
- Is it possible to wrap scrollable content inside a fixed div?
- Sticky Header
- Keyboard scroll not working in mat-select
- Sometime Scroll bottom not working it is stack, and notable to scroll. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-perfect-scrollbar.