smooth-scrollbar | Performance JavaScript-Based Scrollbar Solution | Frontend Framework library

I'm trying to create a separate vendor chunk (vendor.js) for my project. Right now when I run build everything bundles into my app.js file and the file size is large. My project is a html website with a folder structure in webpack like so:

I want the div "Scrollable" to stay within the div "Animation-Menu", but I tried several ways & came to no result.

Here is my index.html file

I am facing an issue, when trying to make production build with ng build --prod while ng build and ng serve running fine...

I'm trying to create a layout element in react typescript. Im trying to have a boolean prop that will determine whether to render the footer or not. Unfortunately, i'm getting a cannot read property of undefined issue. I also want to have a default true value for the prop type. Im new to react and still trying to learn the ins and outs.

As I am using Smooth-Scrollbar Plugin by idiotWu. As to install the script, we need to mark the whole content under the tag, just after the tag, so the whole page is scroll-able, so we can't detect the scroll position using the standard function.

I want to set a condition, using If and Else statement, stating, If or its child

Below is the DOM and the script which listens to the offset.x and offset.y of and sets the same value of offset.x and offset.y to the

Here is the DOM

I am having some issues with offseting the footer ID with javascript

Transform creates a new local coordinate system(W3C Spec), position: fixed is fixed to the origin of scrollbar content container ( main ), i.e. the left: 0, top: 0 point.

This is why I need to register a scroll listener and apply offsets to the fixed elements.

The problem I'm having is that the footer only appears on scroll, I want it to be in position on load like my header - otherwise everything works perfectly

I am still a beginner with Javascript, hoping for some suggestions

Currently this code applies an offset to the '#fixed' ID fixed element

I can't figure out how to apply the same effect in order to set the #footer ID to position fixed bottom

Since transform creates a new local coordinate system(W3C Spec), position: fixed is fixed to the origin of scrollbar content container, i.e. the left: 0, top: 0 point.

Therefore, you may need to register a scroll listener and apply offsets to the fixed element.

Can anyone offer any suggestions?

Code below:

I'm trying to playing around with React. I followed the "Getting Started" tutorial of NextJs (link) and I have successfully created the new project.

As soon as I try to import third-party plugins like current-devices or smooth-scrollbar I get the following error:

Yesterday I upgraded my project to Angular v9. I'm getting the below error when running ng build.

Generating ES5 bundles for differential loading... An unhandled exception occurred: C:\workspace\project\ui\pages-pages-module-es2015.js: Property left of ForInStatement expected node to be of a type ["VariableDeclaration","LVal"] but instead got null See "C:\Users\sayoo\AppData\Local\Temp\ng-BaceZi\angular-errors.log" for further details.

Please find below the files : package.json