javascript - SVG Blocks Touch/Mousewheel events -


is there workaround? running own custom scrollbar script opposed using built in browsers functionality. prefer use svg image elements number of reasons, one, pretty major pitfall fact touching or mousewheeling on svg blocks event , brings page scrolling halt. more noticeable on mobile browsers svg might take entire width of document in case svg element, user unable scroll past it.

i haven't tested in ie, in chrome, touch commands dont work on top of svg, , on firefox, mousewheel events problem. assume both on ie haha.

a decent solution somehow add event svg elements catches events , passes them onto scrolling events. can't seem find way. better solution somehow place document above svg svg doesn't interfere scrolling @ all. again, can't seem find way.

i embed svg elements object tags, important variety of reasons. i'm assuming object tag culprit.

per duopixel's comment. adding:

object {     pointer-events: none; }

to css solve problem in both firefox , chrome. still have test in ie, seems best , easiest solution.

a article explains pointer events attribute can found @ http://davidwalsh.name/pointer-events

if issues mentioned above issue in ie, can use javascript solution requires capturing position of pointer , passing proper element. working version uses jquery translated vanilla javascript can found here: http://jsbin.com/uhuto/1/edit


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more