草庐IT

webkit-overflow-scrolling

全部标签

javascript + html5 Canvas : drawing instead of dragging/scrolling on mobile devices?

我正在使用html5Canvas+一些javascript(onmousedown/move/up)在网页上创建简单的绘图板。在Opera、Firefox、Chrome等中运行良好(在台式电脑上试用)。但是,如果我使用iPhone访问此页面,当我尝试在Canvas上绘图时,它会拖动或滚动页面。这适用于其他页面内容,通过上下滑动页面,您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在Canvas上禁用此行为,以便移动访问者也可以在上面实际绘制一些东西?为了您的引用,这里有一个简单的例子:functioninit(){varcanvas=document.getElement

javascript - x-webkit-speech,如何自动点击麦克风图标自动录制很多单词?

我正在使用Chrome浏览器。代码将显示:如果你点击麦克风图标,你可以输入语音。像这样我的问题是如何让它录制语音自动识别,无需手动点击麦克风图标?比如当页面加载完毕,就开始记录;或者编写代码来模拟点击事件?可能吗?你能给一个示例代码或x-webkit-speechAPI的文档吗?谢谢。 最佳答案 这不应该是可能的,因为如果是的话,这将是一种隐私危害——一个页面可能会在用户没有意识到或没有意识到的情况下开始记录附近所说的话。如果有任何方法可以做到这一点,一旦浏览器开发人员意识到这个问题,它肯定会被删除。

javascript - 为什么在添加 "overflow: auto"时拖放更顺畅?

我正在为网站制作CMS。在CMS中,我想创建一个可以拖/放/选择的索引。在占位符上拖放并不是很流畅。但是在我将overflow:auto添加到可以拖/放/选择的div之后,它会更流畅,更容易使用。谁能解释一下为什么会这样?它仅在您的网页中有很多div时显示。(就像在一个即将完成的网站中一样。)这发生在Chrome和Firefox中。(我没有在其他浏览器中测试它。)WithoverflowautoWithoutoverflowauto 最佳答案 您必须考虑HTML元素。每个HTML元素都包装在自己的“盒子”中。对于每个框,您可以设置其

javascript - 关于实现 Stack Overflow 风格评论的想法

我非常喜欢StackOverflow评论UI,我正在考虑在我自己的网站上实现同样的功能。我查看了代码,看起来这里的主要工具是WMD,与JQueryTextAreaResizer起到辅助作用。WMD在客户端将Markdown转换为HTML。这非常好,因为它有助于预览,但我在将其发送到服务器时遇到了挑战。如果存在验证错误(比如用户在评论表单的其他部分输入了无效的电子邮件地址,或者他可能没有输入他的名字),那么服务器会通过重新显示带有错误消息的表单来响应,并且预填充的表单字段。只是现在评论文本是HTML,而不是Markdown,因为服务器甚至都没有看到Markdown。但我希望它是Markd

javascript - 对 WebKit 中的文本区域强制进行拼写检查

我正在创建一个基于浏览器的QC/数据输入应用程序,它可以让人们编辑OCRed文件,这些文件自然会有大量错误。数据block放在文本区域中以便于检查,但红色下划线仅在用户手动将光标置于拼写错误的单词时才会出现。有没有办法强制WebKit将小红色拼写检查下划线添加到文本区域? 最佳答案 本质上,您需要使用选择api将插入点移动到每个单词上,以使Safari突出显示它。这是扫描前一千个单词的示例...textarea=document.getElementById("mytextarea");textarea.focus();varsel

javascript - JQuery 可拖动 : scroll not working when helper: clone is used

我有一种文件夹列表类型的情况,我可以使用jquerydraggable/droppable将项目从一个文件夹拖到另一个文件夹。文件夹项目是可拖动的,文件夹是可放置的。它们位于一个小到足以显示垂直滚动条的div中。我在可拖动项上设置了“scroll:true”,这样它们就可以使div滚动。当我还在可拖动项目上使用“helper:"clone"”时,滚动不再有效。我做错了什么?这是一些非常简化的代码:dropheredragmedragmedragmedropheredropheredragmedragmedragmedragmedropheredropheredropheredrophe

javascript - WebKit 未捕获错误 : INVALID_STATE_ERR: DOM Exception 11

我有这段代码,在Firefox中运行良好,但在Chrome中我遇到了这个错误:"UncaughtError:INVALID_STATE_ERR:DOMException11"atsprites.js:36在那一行是这段代码:context.drawImage(Context是一个全局变量,其中包含Canvas的二维上下文。这是完整的代码:index.htmlSprite.jsfunctionSpritePrototype(frames,width,height,type){this.frames=frames;this.type=type;if(this.frames>0){this.

javascript - "window.location.hash = location.hash"在 Webkit(Safari 和 Chrome)中不起作用

我无法让window.location.hash=location.hash在Safari中工作。我正在使用javascript将我的页面内容与一个可滚动的DIV包装在一起,该DIV位于我网页的导航栏下方。由于滚动条的位置在javascript运行时被重置,我丢失了URL设置的原始哈希位置。我需要使用javascript不重新加载页面来重新提示哈希位置,因此我使用的是window.location.hash=location.hash。它适用于IE8、Firefox和Opera,但不适用于Safari。(我也会假设Chrome,但我没有检查)。有什么建议吗?提示:我喜欢jQuery。

javascript - Css3 Webkit css 动画 : resize a div rectangle

我试图了解是否可以使用webkit动画在Jquery中复制方法animate假设我有一个50pxx50px的div使用jquery,我可以轻松地调整大小并使用以下方式设置动画:$('#mybox').animate({'width':'100px','height':'70px'},300)//sofrom50x50itanimatesto100x70//thevalues100and70shouldbadynamically//inputsoicancreateafunction(Width,Height)toaltermybox我想知道如何做同样的事情,如果可能的话使用CSSWeb

javascript - $(window).scroll() 在页面加载时触发

有没有办法阻止$(window).scroll()在页面加载时触发?在Firefox4中测试以下代码,即使我拔下鼠标,它也会触发。jQuery(document).ready(function($){$(window).scroll(function(){console.log("ScrollFired");});}); 最佳答案 scroll事件与鼠标无关,每当设置新文档滚动位置时调用它。并且可以说该位置是在文档加载时设置的(毕竟您可能会使用anchor加载它),如果用户按下键盘上的光标键也是如此。我不知道为什么您需要忽略初始的s