javascript - ScrollBy doesn't work in IE and Chrome when used on any Element Other than window -
as title implies i'm trying scroll content of div 20 pixels when user clicked button, works in firefox far. html :
<html> <head> <title>testing scroll on chrome</title> <meta charset="utf-8"> <style> div{ width:500px; height: 500px; overflow: scroll; } </style> </head> <body > <button onclick="godown()">go down </button> <div> lorem ipsum dolor sit amet, consectetur adipiscing elit. duis id ultricies velit. etiam ut elit viverra, iaculis purus at, sollicitudin quam. maecenas eget mollis metus. duis et facilisis eros, ac gravida mi. duis turpis urna, faucibus quis risus ac, ornare euismod justo. fusce venenatis lorem in orci sagittis aliquam. etiam fermentum metus faucibus velit rutrum rutrum. aenean tincidunt auctor tincidunt. integer in vulputate dui, eget maximus mauris. cras @ libero vehicula, volutpat lectus ac, pulvinar enim. in porttitor leo vel laoreet facilisis. mauris ultrices justo non lectus maximus, ut blandit augue malesuada. lorem ipsum dolor sit amet, consectetur adipiscing elit. in eget turpis pulvinar, iaculis nisl vitae, mattis dui. vestibulum facilisis posuere libero @ venenatis. vestibulum posuere tempor est, ut pretium ligula sollicitudin viverra. sed id tellus nibh. curabitur varius velit nibh, id placerat nunc venenatis eget. vivamus gravida consectetur urna id blandit. integer mauris felis, dignissim ut risus eget, consequat convallis odio. donec vitae tristique est, et sollicitudin urna. nam justo est, bibendum consequat luctus quis, scelerisque eget enim. morbi lorem ligula, tincidunt ut molestie at, scelerisque et turpis. sed lacinia dictum pellentesque. fusce vestibulum, leo ac auctor iaculis, ante magna faucibus nulla, @ elementum sem lectus quis tortor. suspendisse eu dignissim lacus, vel elementum felis. praesent non molestie ex, et ornare massa. nullam diam lacus, ultrices sed eleifend laoreet, placerat dolor. quisque non enim id erat tincidunt fringilla. integer neque lacus, aliquet id iaculis sed, efficitur ac velit. etiam felis felis, cursus massa ac, tincidunt convallis leo. cras tempor ante laoreet dignissim bibendum. nullam non auctor turpis. etiam in est posuere, gravida nulla nec, maximus purus. fusce non rutrum quam. pellentesque in orci facilisis, posuere lorem sed, pharetra sem. quisque malesuada, dui in hendrerit posuere, sem est iaculis justo, sit amet iaculis lectus neque sit amet velit. etiam vulputate ut diam @ aliquet. nunc ultricies velit non elit vehicula malesuada id odio. vestibulum vitae gravida lectus. phasellus bibendum pharetra maximus. maecenas et velit quis augue tincidunt vehicula. proin pharetra magna in lectus feugiat, sed hendrerit neque suscipit. sed pretium aliquam nunc, eu commodo nunc. mauris quis dui diam. in fringilla leo ut arcu pellentesque elementum sed in metus. nam maximus diam felis, nec lacinia elit rhoncus sit amet. in maximus, leo eget consequat finibus, augue purus dictum dolor, sollicitudin risus mauris eu ante. etiam dapibus interdum ligula ac gravida. morbi non turpis posuere, volutpat dui sit amet, malesuada tortor. morbi mollis, ipsum eu vulputate porttitor, enim lacus elementum leo, sed ornare lacus felis ut sapien. sed lobortis ipsum et dui facilisis, nec consequat nibh gravida. sed tristique libero eu efficitur pharetra. donec suscipit consequat nibh bibendum. fusce efficitur mi nibh vestibulum scelerisque. in mi velit, facilisis sed tortor vitae, dapibus scelerisque lectus. quisque laoreet mollis mattis. proin id mauris euismod dolor suscipit bibendum. suspendisse ut convallis nisl. nunc suscipit non ex lobortis rutrum. suspendisse ornare nibh eu sapien rhoncus molestie. vestibulum ornare massa feugiat, convallis metus eu, sagittis lorem. sed nec metus faucibus, iaculis nisi at, pulvinar odio. ut dignissim ex elementum hendrerit. nullam lobortis ultrices quam, id feugiat odio iaculis eu. in in ex elementum, rhoncus sapien sit amet, consectetur est. aliquam dignissim velit tortor, et porttitor arcu suscipit at. morbi in dui vel libero feugiat venenatis. </div> </body> </html> and javascript :
<script> function godown(){ document.getelementsbytagname("div")[0].scrollby(0,20); } </script> is there solution work in chrome , ie ?
i think best possible solution use scrollleft / scrolltop properties.
i.e say, instead of elem.scrollby(0,10) --> elem.scrolltop = elem.scrolltop + 10;
alternatively can stab element.prototype:
element.prototype.scrollby = function(x,y) { this.scrollleft = this.scrollleft + x; this.scrolltop = this.scrolltop + y; };
Comments
Post a Comment