Javascript 经典振动效应问题
scriptaculous的震动效果在某种程度上为Webkit浏览器（包括Chrome和Safari）产生了一些bug。震动时，该元素将移动到屏幕的左上角，覆盖所有内容。下面给出了一个示例代码，有什么方法可以解决这个问题吗Javascript 经典振动效应问题,javascript,html,prototypejs,scriptaculous,Javascript,Html,Prototypejs,Scriptaculous,scriptaculous的震动效果在某种程度上为Webkit浏览器（包括Chrome和Safari）产生了一些bug。震动时，该元素将移动到屏幕的左上角，覆盖所有内容。下面给出了一个示例代码，有什么方法可以解决这个问题吗 <html> <head> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'><
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js?load=effects'></script>
</head>
<body>
<div style="z-index: 20000; position: fixed; display: block; bottom: 10px; right: 10px; background-attachment: scroll; background-color: white;" id="floating_text">
<p>This should be some floating text.</p>
<p>Some more floating text.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dui ligula, tempus adipiscing posuere id, sollicitudin sed nulla. Sed neque diam, volutpat non interdum vel, pellentesque vitae lorem. Vivamus et leo risus. Fusce at nunc nulla, non ultricies elit. Aliquam erat volutpat. Aliquam pulvinar mi at purus laoreet eu varius nisl laoreet. Mauris lobortis sapien diam. Maecenas arcu est, ullamcorper fringilla placerat nec, semper ut arcu. Curabitur metus nisl, ornare nec posuere at, tincidunt tempor nisi. Ut ut est risus. Curabitur elit urna, sagittis sagittis cursus quis, accumsan eget nulla. Donec odio ante, rutrum at fermentum vel, tempus gravida odio. Quisque a ante a urna vehicula posuere ac ut orci. Integer luctus sem et justo condimentum consequat. Phasellus pharetra malesuada velit, et commodo arcu imperdiet vitae. Suspendisse vitae risus orci. Maecenas massa tortor, sodales ut luctus ac, lacinia vitae sapien. Vestibulum sit amet rutrum est. Nullam magna erat, semper a volutpat id, porta sed nisl.</p>
<p>Praesent nec consectetur sapien. Integer mollis libero a odio pharetra vulputate. Donec mattis consequat arcu, vel ultricies orci imperdiet sit amet. Mauris sit amet tellus libero. Morbi ac venenatis ligula. Cras tellus neque, porttitor sit amet hendrerit nec, ornare quis tellus. Nam iaculis mi at mi bibendum at commodo justo pretium. Ut in nibh non diam hendrerit fermentum a ut odio. Curabitur lorem turpis, tincidunt et rhoncus et, pulvinar a metus. Vestibulum a quam sit amet arcu condimentum cursus vitae feugiat lectus. Sed ut lorem tellus, non sagittis enim. Curabitur lectus eros, commodo a elementum et, molestie eget est. Donec ullamcorper, arcu nec volutpat auctor, sem odio interdum tellus, nec volutpat lacus libero at nisl. Aliquam metus sapien, aliquam a rutrum ac, tincidunt at purus. Donec in erat mi. Quisque semper mauris in massa bibendum sed tincidunt augue facilisis. In tempus lacinia urna ac tristique.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce tristique urna sem. Etiam iaculis aliquam dui nec porta. Proin tristique diam non augue mattis tristique. Phasellus nulla erat, adipiscing sed cursus sed, pulvinar eget nisl. Maecenas blandit nibh eu nisl facilisis et semper turpis posuere. Pellentesque auctor sem in massa sollicitudin congue. Vivamus quis lacinia massa. Aliquam sodales dictum magna, eget ullamcorper eros placerat at. Quisque gravida diam sit amet nunc porta aliquam. Ut quis aliquet est. Maecenas risus tellus, euismod id porttitor at, porta id turpis. Phasellus id molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean purus nibh, egestas vestibulum aliquet eget, luctus nec eros. Nulla facilisi. Quisque molestie, sem interdum posuere lacinia, nisl purus ornare lectus, id dapibus lacus dolor in ipsum. Aenean pharetra leo nulla.</p>
<p>Curabitur nisi quam, iaculis eget pellentesque vel, pretium sed massa. In viverra, tellus at sollicitudin fringilla, orci eros blandit elit, a bibendum mauris dolor ut metus. Vivamus pellentesque suscipit diam, vitae euismod mi pellentesque vitae. Nullam neque libero, vehicula ut iaculis at, tincidunt eget leo. Suspendisse vitae velit justo. Nullam vitae sem tincidunt nulla tincidunt mollis in id massa. Duis rhoncus elementum turpis quis mollis. Vivamus egestas urna in velit commodo iaculis. Aenean quis dolor eu odio porttitor rhoncus nec vel eros. Donec ut est eu nisl vehicula pulvinar et id dolor. Donec a dolor neque. Morbi tempus mattis tortor ut rutrum. Phasellus orci metus, pellentesque vel tincidunt nec, pulvinar eu ante. Duis faucibus felis et diam ullamcorper in feugiat urna dignissim. Quisque nec diam mauris, vel viverra arcu. Cras sagittis dignissim nisl in sagittis. Fusce venenatis rhoncus est, nec elementum libero dapibus eget. Donec eu velit metus. Sed sollicitudin felis a diam condimentum in suscipit neque varius. Nulla nec tortor tristique elit malesuada luctus luctus quis leo.</p>
<p>Nullam at quam dui. Ut gravida, tellus malesuada faucibus gravida, purus nulla consequat lorem, pellentesque egestas justo quam et enim. Suspendisse fringilla tellus id odio tristique varius. Cras et metus elit. Etiam interdum adipiscing mollis. Aliquam aliquet vestibulum imperdiet. In consectetur, nunc cursus sodales scelerisque, tellus eros tristique nisl, ut luctus augue dolor vel nibh. Fusce eget dui sed eros tristique varius lacinia id sapien. Nullam ac lorem ac lacus cursus ultricies id a risus. Ut eget dolor sem. Aliquam euismod consequat euismod. Duis sit amet neque et massa ullamcorper tempor.</p>
<p>Quisque rutrum, ipsum ac volutpat dictum, urna diam facilisis enim, ac vestibulum justo metus eu mi. Curabitur nunc sem, consequat a mollis non, bibendum vitae dolor. Mauris pulvinar pellentesque tellus, vel aliquet mauris vulputate vel. Morbi eu ante id nulla ultricies tincidunt. Proin porta, felis nec tincidunt iaculis, justo nibh laoreet dolor, eu sollicitudin arcu justo et odio. Sed suscipit tellus lobortis est tristique semper fermentum magna laoreet. Sed eget ante nunc, vitae varius purus. Mauris nec viverra neque. Morbi et lectus velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet lobortis magna.</p>
<p>Phasellus elementum iaculis sem in consectetur. Curabitur nec dictum enim. Nunc at pellentesque augue. Nulla sit amet sapien neque, et molestie augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin non elit ante. Mauris justo tellus, feugiat at dapibus a, placerat id felis. Nullam lobortis vehicula rutrum. Fusce tristique pharetra urna, ac scelerisque ipsum consequat eget. Morbi at ipsum in tellus luctus volutpat. Duis placerat accumsan lacus, dictum convallis elit porttitor eu.</p>
<p>Sed ac neque sit amet neque luctus rhoncus. Vestibulum sit amet commodo ante. Duis ullamcorper est id dui ullamcorper cursus. Maecenas fringilla ultricies turpis, nec pulvinar libero faucibus a. Quisque bibendum aliquam sapien, in fermentum arcu iaculis at. Mauris bibendum, metus sed rhoncus fringilla, nisl purus interdum eros, vitae malesuada felis est rhoncus magna. Phasellus elit justo, sagittis nec interdum tincidunt, mollis quis justo. Suspendisse rhoncus rutrum vestibulum. Aliquam ut nunc lectus, quis aliquam risus. Aliquam vel nulla sed odio blandit sagittis. Nulla facilisi. Vivamus ullamcorper, lectus facilisis eleifend accumsan, purus massa sollicitudin nunc, in sodales tellus dui eget est. Morbi ipsum nisi, semper sit amet vehicula sit amet, semper at mauris. Nam mollis massa sed risus scelerisque quis congue mauris tempus. Vestibulum nec urna magna, vitae ornare massa. Aenean adipiscing tempor rutrum.</p>
<p>In hac habitasse platea dictumst. Etiam in dolor eros, eleifend volutpat magna. Sed blandit gravida feugiat. Sed eu dolor in odio sagittis molestie eget ac orci. Phasellus tellus erat, scelerisque tincidunt lacinia sed, placerat eu sapien. Curabitur lobortis feugiat cursus. Nam eu egestas justo. Nullam dignissim enim ipsum, sed semper orci. Donec nulla dui, viverra vel viverra eu, eleifend nec justo. Sed in ultricies turpis. Maecenas ullamcorper, erat ac scelerisque mattis, augue magna laoreet mauris, nec sagittis tellus enim eget tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum urna eu magna ultricies adipiscing. Phasellus sed urna at nibh euismod vestibulum at eget dui. Nulla ullamcorper viverra tellus ut volutpat. Praesent hendrerit, purus a imperdiet tempus, turpis est suscipit felis, ut commodo diam orci ac augue. Quisque consectetur varius sapien, vel lobortis ante porttitor sit amet. Proin fermentum blandit justo, id faucibus elit feugiat ut. Nulla quam elit, tristique gravida ultrices in, imperdiet et enim.</p>
<p>Aliquam malesuada, nibh eget laoreet malesuada, lorem ligula gravida eros, a consectetur dui odio id urna. Vivamus tincidunt porttitor facilisis. Maecenas vitae lacus at lorem porttitor sodales. Duis et velit ac ipsum cursus ornare. Aliquam eu rhoncus est. Cras nec facilisis tellus. Nunc in felis odio. Nam facilisis dui eu lacus egestas sit amet malesuada dolor volutpat. In placerat dictum turpis ac vulputate. Suspendisse neque odio, elementum sagittis sollicitudin quis, eleifend ac orci. Proin suscipit molestie orci non venenatis. Sed metus mauris, laoreet id lobortis at, tempor eu erat. Mauris tempor, nisi id interdum tempor, tellus ligula pretium mi, a viverra nibh neque vitae est. Integer mattis, lorem ac congue fermentum, quam ipsum gravida erat, in egestas lorem eros ac massa. Vestibulum lobortis ante libero, vel fermentum ante. Aliquam augue ipsum, ullamcorper sit amet dictum id, commodo sit amet lacus. Vivamus elit purus, elementum a vestibulum quis, iaculis id metus. Cras facilisis orci in nulla consequat gravida. Integer blandit, felis at lacinia porta, lacus velit pretium magna, ut eleifend diam magna a justo. Donec scelerisque diam quis nisi molestie vel egestas urna condimentum. </p>
<script type="text/javascript">
Effect.Shake('floating_text');
</script>
</body>
</html>
这应该是一些浮动文本
一些浮动文本
Lorem ipsum dolor sit amet，是一位杰出的献身者。整数dui ligula，tempus adipsing posuere id，sollicitudin sed nulla。这是一种全新的生活方式。维瓦摩斯和利奥·里索斯。nunc nulla的Fusce，非ultricies精英。阿利奎姆·埃拉特·帕特。我在拉奥里特湖喝了一杯酒。毛里斯·洛博蒂斯·萨皮恩·迪亚姆。美国东部，乌兰科珀弗林利亚州，东北亚州。我们的馆长，或者说是临时馆长。这是我们的梦想。乌尔纳箭鱼，乌尔纳箭鱼，乌尔纳箭鱼。多奈克·奥迪奥·安特，发酵水平的芸香，妊娠期奥迪奥。向奥奇的车辆发出警告。Integer luctus sem和justo调味品消费。Phasellus pharetra malesuada velit，et commodo arcu Imprivate。orci生命暂停。马塞纳玉米饼、苏打水、拉西尼亚葡萄酒。前庭位于阿梅特鲁特姆东部。无磁感应，无磁感应，无磁感应
这是我们的智慧。整型莫利斯自由女神，一个奥迪奥法雷特拉女神。Donec mattis Consequeat arcu，ultricies或Vill-amet。莫里斯坐在阿梅特·泰卢斯·利伯罗旁边。莫比·威尼纳提斯·利古拉。我是内克，我是亨德雷特，我是内克。Nam iaculis mi在Comodo justo pretium的bibendum。但在nibh非直径亨德雷特发酵液中，它是一种特殊的发酵液。图尔皮斯、蒂尼西德、朗卡斯、普尔维纳和梅特斯。前庭是一个广场，它是一种调味品，是一种宗教信仰。非人马座，非人马座。爱欲之光，元素之光，分子之光。Donec ullamcorper、arcu nec Volatipat auctor、sem odio interdum tellus、nisl nec Volatipat lacus libero。阿利夸姆·梅特斯·萨皮恩，阿利夸姆·拉特鲁姆·阿利夸姆·阿利夸姆·阿利夸姆·阿利夸姆·拉特鲁姆·阿利夸姆·阿利夸姆·阿利夸姆·阿利夸姆·阿利夸姆·阿利夸姆。多涅克在埃拉特米。马萨比本杜姆的奎斯克·森佩尔·莫里斯（Quisque semper mauris）为奥古斯都的设施提供了便利。在tempus lacinia urna ac tristique中
虎口浮雕和肘部浮雕同侧前庭；Fusce tristique urna sem。这是一个很好的例子。这是一个很好的例子。无主相，无主相，无主相，无主相。这是一种全新的医疗设备。佩伦茨克拍卖行sem，位于马萨诸塞州康格。拉齐尼亚·马萨的生活。这是一个伟大的宣言，也是一个伟大的宣言。怀孕的女佣必须坐在阿美特教堂门口。这是我的错。Maecenas risus tellus，euismod id porttitor at，porta id turpis。Phasellus id molectie ante。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。这是一个很好的例子。无便利。Quisque molestie、sem interdum posuere lacinia、nisl purus ORNAR lectus、id dapibus lacus dolor在同侧脑室。埃尼安·法雷特拉·利奥·努拉
尼西库拉比图尔·奎姆、艾库利斯·埃吉特·佩伦斯克尔、普雷蒂姆·塞德·马萨。在维韦拉，索利西图丁·弗林迪利亚的泰勒斯，奥奇·厄洛斯·布兰迪特·埃利特，一个比本杜姆·莫里斯·多洛尔·梅特斯。佩伦茨克生活日（Vivamus Pellentsque suscipit diam），佩伦茨克生活日（vitae euismod mi Pellentsque vitae）。这是一个自由的世界，是一个自由的世界。维利特胡斯托酒店。马萨岛上的莫利斯。双罗氏元素turpis quis mollis。伊格斯塔斯·乌尔纳在伊库利斯广场上度过。埃涅阿斯·奎斯·多洛尔·欧迪奥·波特提托·朗卡斯·内格罗斯。但这不是欧盟的公共交通工具。不要多愁善感。Morbi tempus mattis tortor ut rutrum。Phasellus orci metus，pellentesque vel tincidunt nec，pulvinar eu ante。费利斯·福西布斯·费利斯和迪亚姆·乌兰科珀在《富贵家族》中的作品。我的名字叫毛里斯，我的名字叫维韦拉。高人一等，高人一等。这是一种新的自由元素。别这样。这是一种在葡萄品种中使用的直径调味品。这是一个非常好的例子
码头的纳勒姆。我们的孕妇，我们的母亲，我们的母亲，我们的母亲，我们的母亲，我们的母亲。花斑悬垂。克拉斯和梅特斯精英。埃蒂亚姆·因特杜姆·阿迪皮斯·莫利斯。前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。在康塞特图尔，修女库苏斯·索达莱斯·斯克利斯、特鲁斯·厄洛斯·特里斯蒂克·尼斯、卢克图斯·奥古斯·多洛·维尔·尼布。这是一种由黑葡萄和黑葡萄酿成的酒。这是一个秘密。Ut eget dolor扫描电镜。阿利奎姆·尤伊斯莫·康斯奎特·尤伊斯莫。两人同时坐在一间临时公寓里
发情神经，同侧脑室，侧脑室，前庭。库拉比图尔·努克·塞姆（Curabitur nunc sem）、莫利斯农（consequat a mollis non）、比本杜姆（bibendum vitae dolor）。Mauris pulvinar Pelletsque tellus，vel aliquet Mauris vulputate vel。Morbi eu ante id nulla ultricies tincidunt。在门户网站上，猫咪们需要一个新的名字，只有尼布·拉奥里特·多洛（nibh Laoret dolor），欧盟才是真正的解决方案。这是一种发酵液。这是一种生活方式。毛里斯·内克·维韦拉·内克。Morbi和lectus velit。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。整座艾美大酒店
在Concertetur中的Phasellus elementum iaculis sem。这是我的名言。佩伦茨克奥古斯大学。不可能是智者，也不可能是小人。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。脯氨酸