Comments (5)
Hi,
Did you try this in a typical page to demonstrate scrolling by mousewheel ?
from bootstrap3-dialog.
Hi,
I've just created an example with you provided css and suggested code and it worked pretty good.
BootstrapDialog.show({
message: '<p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p><p>Hi Apple!</p>',
cssClass: 'performance-dialog'
});
I also sent you an email, please check out its attached.
Let me know if that makes sense to you.
from bootstrap3-dialog.
Hi,
Thank you for responding. I tried your example and it works fine. I guess there might be some
conflict with other code on my page. In chrome and IE, all the scroll bars cannot scroll with wheel. Have you ever met this situation? Any idea?
from bootstrap3-dialog.
Hi,
I solved the problem. My teammate had wrote a line of code to disable the mouse wheel event on body like this:
// $('body').on({
// 'mousewheel': function(e) {
// e.preventDefault();
// e.stopPropagation();
// }
// })
It just doesn't make sense that in Firefox the mouse wheel still works fine but in Chrome and IE it does not work.
Anyway thank you for your excellent Dialog ! I enjoyed it very much !
from bootstrap3-dialog.
Hi,
Good to hear that you have solved the problem.
And it seems that your teammate didn't write a cross-browser function to disable using mousewheel, he should be more careful next time :)
Issue closed.
from bootstrap3-dialog.
Related Issues (20)
- How to create two buttons in line
- How to use Text and Form in one Modal window
- Issue with bootstrap-4.0 HOT 2
- For bootstrap 4.1 HOT 3
- Requiring 'bootstrap3-dialog' in Webpack/Laravel Mix results in Bootstrap/Navbar javascript not working HOT 3
- Uncaught ReferenceError: BootstrapDialog is not defined
- How to give a prompt when loading a remote page
- Multiple dialog
- function to retreive response from dialog HOT 1
- Wrong padding-right value (propbably a little bug) HOT 1
- bootstrap and jquery are missing from dependencies
- On close of BootstrapDialog.show, html body tag removed - blank page rendered
- Add Prompt-dialog HOT 1
- Change default position of the dialog box - to centre of screen ?
- Code broken on bootstrap 4.3 HOT 8
- Issues trying to update Composer Related to this Package HOT 1
- Hi... why BootstrapDialog (bootstrap4.3) not load JS files ( magicSuggest.js. or jquery.validate.js) HOT 1
- Is there any plan to upgrade Bootstrap5? HOT 4
- not expanding modal as the content !
- bootstrap-5.2.1 version
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 bootstrap3-dialog.