JavaScript SVG Blocks Touch/Mousewheel events

Is there a workaround? I am running my own custom scrollbar script as opposed to using the built in browsers functionality. I prefer to use SVG for my image elements for a number of reasons, but one, pretty major pitfall is the fact that touching or mousewheeling over an svg blocks the event and thus brings the page scrolling to a halt. This is even more noticeable on mobile browsers where the svg might take up the entire width of the document in which case as soon as you get to an SVG element, the user is unable to scroll past it.

I haven't tested in IE, but in Chrome, the touch commands dont work on top of SVG, and on Firefox, the mousewheel events are a problem. I assume it will be both on IE haha.

A decent solution would be to somehow add an event to my SVG elements the catches the events and passes them onto the scrolling events. I can't seem to find a way. An even better solution would be to somehow place the document above the SVG so the SVG doesn't interfere with the scrolling at all. Again, can't seem to find a way.

I embed my SVG elements with object tags, which is important for a variety of reasons. I'm assuming the object tag is actually the culprit.

Answer:1

Before I explain the problem, I want to describe short what I am trying to achieve I have made 5 diagrams and one NavigationList. The NavigationList consists of pure HTML that displays a list of ...

Before I explain the problem, I want to describe short what I am trying to achieve I have made 5 diagrams and one NavigationList. The NavigationList consists of pure HTML that displays a list of ...

How can you get the id of a table when you click an input element? I don't need the rowId etc. I've tried parentNode.id but I can't seem to get the id. In the end I'd like to do something like this: ...

How can you get the id of a table when you click an input element? I don't need the rowId etc. I've tried parentNode.id but I can't seem to get the id. In the end I'd like to do something like this: ...

  1. from html table to csv
  2. from html table to json
  3. from html table to pdf
  4. from table html
  5. html from table to div
  6. in html table tag
  7. in html table border
  8. in html table border color

I have a json like so: { "a": { "x": { "y": { "a": {}, "z": {}, "b": {} } }, "c": {}, "b": { "c": { "d": {} ...

I have a json like so: { "a": { "x": { "y": { "a": {}, "z": {}, "b": {} } }, "c": {}, "b": { "c": { "d": {} ...

pls can somebody give the date validation regex, which will allow the following rules are It should allow mm/dd/yyyy, m/d/yyyy, mm/d/yyyy, m/d/yyyy (not allow yy) Number of days for month (30 and 31)...

pls can somebody give the date validation regex, which will allow the following rules are It should allow mm/dd/yyyy, m/d/yyyy, mm/d/yyyy, m/d/yyyy (not allow yy) Number of days for month (30 and 31)...

  1. regex date validation mm/dd/yyyy
  2. regex date validation javascript
  3. regex date validation leap year
  4. regex date validation yyyy-mm-dd
  5. regex date validation dd/mm/yyyy
  6. regex date validation
  7. regex date validation java
  8. regex date validation c#
  9. regex date validation jquery
  10. regex date validation example
  11. regex validation date format
  12. regex validation date php
  13. regex validate date format dd/mm/yyyy
  14. regex validate date of birth
  15. regex validate date string
  16. regex validate date time
  17. regex validate date jsf
  18. javascript regex date validation yyyy-mm-dd
  19. js regex date validation
  20. python regex date validation