草庐IT

webkit-scrollbar

全部标签

html - Webkit 选取框仅在必要时滚动

我有一个关于webkitmarquee的问题。我有2个可变宽度的元素。(2个元素的宽度相同),并且两个元素都需要是跑马灯。但是,当内容溢出(大于元素)时,我需要一个选取框,否则文本应保持原样(不滚动)。我创建了一个JSFiddle作为示例:http://jsfiddle.net/Vxwed/:长的和短的都需要通过CSS3进行选取框,而长的应该滚动而短的则不需要。HimynameisJohnDoeYeah!请记住,元素的内容是可变的(用javascript填充),所以我不能对元素选取框行为进行实际的硬编码。这里有CSS专家可以帮助我吗?我一直在研究这个问题,但是关于这个主题的信息很少,因

html - Webkit 选取框仅在必要时滚动

我有一个关于webkitmarquee的问题。我有2个可变宽度的元素。(2个元素的宽度相同),并且两个元素都需要是跑马灯。但是,当内容溢出(大于元素)时,我需要一个选取框,否则文本应保持原样(不滚动)。我创建了一个JSFiddle作为示例:http://jsfiddle.net/Vxwed/:长的和短的都需要通过CSS3进行选取框,而长的应该滚动而短的则不需要。HimynameisJohnDoeYeah!请记住,元素的内容是可变的(用javascript填充),所以我不能对元素选取框行为进行实际的硬编码。这里有CSS专家可以帮助我吗?我一直在研究这个问题,但是关于这个主题的信息很少,因

javascript - iOS:带有-webkit-backface-visibility的多个div:缩放时隐藏浏览器崩溃

当我在我的iPad4浏览器(无论是Safari还是Chrome)上查看以下html页面时,浏览器在缩放时崩溃(双击缩放或双指缩放)。该页面包含40个具有属性-webkit-backface-visibility:hidden的简单div(为简洁起见由javascript插入)。.front{-webkit-backface-visibility:hidden;position:absolute;border:1pxsolidblack;width:800px;height:800px;}$(function(){for(vari=0;i同样的问题大概也发生在iPhone和旧款iPad上

javascript - iOS:带有-webkit-backface-visibility的多个div:缩放时隐藏浏览器崩溃

当我在我的iPad4浏览器(无论是Safari还是Chrome)上查看以下html页面时,浏览器在缩放时崩溃(双击缩放或双指缩放)。该页面包含40个具有属性-webkit-backface-visibility:hidden的简单div(为简洁起见由javascript插入)。.front{-webkit-backface-visibility:hidden;position:absolute;border:1pxsolidblack;width:800px;height:800px;}$(function(){for(vari=0;i同样的问题大概也发生在iPhone和旧款iPad上

html - 在 WebKit 上显示大背景 SVG 很慢?

我的网站背景有一个大的SVG图形。请在此处查看示例:http://jsfiddle.net/aAwgU/4/embedded/result/body{background:url(http://www.thedavidcummings.com/images/html.svg)no-repeatfixedright;background-size:auto100%;}它在Chrome和Firefox中运行良好,但在Safari中导航页面和调整浏览器页面的大小非常慢,并且页面在我的iPhone上完全崩溃。这是webkit中的错误吗?有没有办法让我的.svg更加WebKit友好?还是我应该只

html - 在 WebKit 上显示大背景 SVG 很慢?

我的网站背景有一个大的SVG图形。请在此处查看示例:http://jsfiddle.net/aAwgU/4/embedded/result/body{background:url(http://www.thedavidcummings.com/images/html.svg)no-repeatfixedright;background-size:auto100%;}它在Chrome和Firefox中运行良好,但在Safari中导航页面和调整浏览器页面的大小非常慢,并且页面在我的iPhone上完全崩溃。这是webkit中的错误吗?有没有办法让我的.svg更加WebKit友好?还是我应该只

设置列计数属性时,JQuery CSS setter 在 webkit 中不起作用

我有一个使用JavaScript动态生成的HTMLul。生成它之后,我使用JQuery的$('#id').css('property',value)方法在所述ul上设置样式。这是有问题的代码的样子:$('#actionSpace#datasetContent').css('-moz-column-count',this.content.length).css('-webkit-column-count',this.content.length).css('column-count',this.content.length).css('width',this.content.length

设置列计数属性时,JQuery CSS setter 在 webkit 中不起作用

我有一个使用JavaScript动态生成的HTMLul。生成它之后,我使用JQuery的$('#id').css('property',value)方法在所述ul上设置样式。这是有问题的代码的样子:$('#actionSpace#datasetContent').css('-moz-column-count',this.content.length).css('-webkit-column-count',this.content.length).css('column-count',this.content.length).css('width',this.content.length

javascript - 在 WebKit 中测量回流和绘制时间

我在CPU和WebKit较弱的嵌入式硬件上设计一个JavaScript/HTML驱动的用户界面。性能并不理想,我想分析应用程序,特别是对回流和重绘事件进行计时,以获得有关实际性能的硬数据,而不是主观和不断变化的意见。在前后使用常规“getTime()”计时不起作用,因为WebKit将回流和重绘推迟到事件处理程序之后。我已尝试在SpeedTracer下分析应用程序,但计算成本太低,以至于回流事件甚至不会出现在PC硬件上。我想一些更专注于回流/重绘的工具可能仍然有用。关于如何为此获取硬数据的任何提示? 最佳答案 这些链接可能会有帮助。J

javascript - 在 WebKit 中测量回流和绘制时间

我在CPU和WebKit较弱的嵌入式硬件上设计一个JavaScript/HTML驱动的用户界面。性能并不理想,我想分析应用程序,特别是对回流和重绘事件进行计时,以获得有关实际性能的硬数据,而不是主观和不断变化的意见。在前后使用常规“getTime()”计时不起作用,因为WebKit将回流和重绘推迟到事件处理程序之后。我已尝试在SpeedTracer下分析应用程序,但计算成本太低,以至于回流事件甚至不会出现在PC硬件上。我想一些更专注于回流/重绘的工具可能仍然有用。关于如何为此获取硬数据的任何提示? 最佳答案 这些链接可能会有帮助。J