jquery.nicescroll | nicescroll plugin for jquery - scrollbars | Frontend Framework library

it is working here

Webpack does not expose the modules you import, it bundles your code together with the needed dependencies, but they are still modular and have their own scope. Webpack does not just blindly combine the sources of all the files and certainly does not make everything global. If the entry file you posted is the whole file, then you're not doing anything at all.

Instead with webpack you would do the work in the JavaScript files you bundle. So to speak, all you include in your HTML are the bundles created by webpack, you don't include other scripts that try to access something in the bundle, but you rather do it directly in your bundle.

Of course you could expose it to window by explicitly defining it: window.toastr = toastr after importing toastr, but polluting the global scope is generally not a good idea and it's no different from just including toastr in a

The Jquery code works only in the starting page and not between routes because it is not under the angular's change detection.

You need to hook it up into the angular life cycle hooks.

Try follow this references:

https://medium.com/@swarnakishore/how-to-include-and-use-jquery-in-angular-cli-project-592e0fe63176

https://www.youtube.com/watch?v=mAwqk-eIPL8

TLDR

• Move the modules in devDependencies into the dependencies section
• Set the config variable NPM_CONFIG_PRODUCTION to false in the Heroku settings

Explanation

Heroku, in a attempt to reduce the bundle output of your project, does not install devDependencies when it is setting up your project.

The general rule of Node application development is that all modules that require do not contribute to the running of your application must go into your devDependencies and all the modules that do go into the dependencies

From the look of your package.json, you do not necessarily have to put anything in the devDependencies since popper and jQuery do belong in the dependencies section.

You can alternatively set the NPM_CONFIG_PRODUCTION variable in Heroku to false, however this is not the recommended approach, because this technically makes the app not a production application

you should do like below code.

I added a scroll function and modified your scroll selector

it works for me:

I solved the issue. For all those who have problems similar to this, due to particular html codes, I recommend using robobrowser, a smart cross-platform module (useful documentation here).

If for some reason you can not get the form of the page:

1. Try to specify the id of the form, like:

   browser = RoboBrowser(id='FormId')

2. Try to pass headers with requests module:

   import requests mysession = requests.session() open = mysession.get('website_url') print(open.headers)

   Add headers like so:

   mysession.headers = open.headers browser = RoboBrowser(id='FormId', session=mysession, history=True)

Hope it helps!

I suggest to add the below jQuery code for a complete solution, to disable and hide the vertical scrollbar: