Tag: css3

当用户调整CSS3可resize的文本输入时，是否可以捕获resize事件？: 我将文本输入定义为可以使用CSSresize，如下所示： #text_input { resize:horizontal; } 当用户调整输入大小时，是否可以捕获Javascript（最好是在jQuery中）事件？我已经尝试过使用标准的jQuery .resize（）但它不能像我想的那样工作。谢谢你的帮助…

使用SnapSVG的响应式SVG路径: 是否可以使用SnapSVG获得响应path ？我在CodePen上构建了以下实验，任何我希望我的path能够响应。我在笔的第9行使用以下代码构建我的路径： var myPathC = snapC.path(“M62.9 14.9c-25-7.74-56.6 4.8-60… 然而，当浏览器窗口resize时，我希望响应或重新绘制这条路径。任何人都知道这是否可行和/或有任何想法如何处理它？

实际上不滚动的HTML5滚动条: 我正在制作一个自定义组件，它显示了经常更改的巨大动态内容的一部分，因此我无法一直追加并将其删除到文档中。带有onScrollBegin ， onScrollEnd ， onScrollUpdate和scrollTop以及scrollMax值而没有滚动内容function的滚动条会很棒。我不希望滚动条为我滚动内容。我需要获取当前的scrollTop值并在不创建高度的内容div的情况下完成我的工作人员。你有什么建议？ $(‘#scroller’).on(‘scroll’, (e) => { let offsetY = $(‘#scroller’).scrollTop(); $(‘#custom-content’).text(“current offsetY: ” + Math.round(offsetY)); }); $(document).ready(function(){ $(‘#custom-content’).bind(‘mousewheel’, function(e){ if(e.originalEvent.wheelDelta/120 > 0) { let offsetY = $(‘#scroller’).scrollTop()-3; $(‘#scroller’)[0].scrollTop=offsetY; // $(this).text(‘scrolling up !’); } else{ // $(this).text(‘scrolling down !’); let offsetY = $(‘#scroller’).scrollTop()+3; $(‘#scroller’)[0].scrollTop=offsetY; } e.preventDefault(); […]

单击时DIV放大到窗口大小: 如何在jquery的帮助下点击新内容或该div的布局，将div放大到全屏。实际上我正在制作一个网页中的小div，其中一些文本或图像写在该div上，当我点击该div时，它会变大到窗口大小，其中包含有关smalle div上内容的更多详细信息。

如何仅在单击时才显示子菜单: 我需要帮助实现移动的某种效果。我希望仅当单击父并且它应该从右向左滑动时才显示submenu （就像在移动设备上一样）这是我目前的FIDDLE var flag = 100; $(‘#button’).click( function() { $(‘#right’).animate({ left: flag }, ‘slow’, function() { $(‘#button’).html(flag ? ‘Close’ : ‘Menu’); }); flag = flag ? 0 : 100; } );

onCollapse将parent设置为选定节点，如果已选择子/孙（bootstrap treeView）: 我有工作bootstrap树视图。我想在此添加一个function。 https://jsfiddle.net/evk9yfum/ https://github.com/jonmiles/bootstrap-treeview （使用插件）例如：onNodeCollapsed：如果已经选择了折叠节点的child / grandChild。然后，当前的collpased节点应显示为选定节点。然后展开这个相同的节点。它应该显示其/最后选择的或child / grandChild节点。 onNodeCollapsed: function(event, node) { $.each(node.nodes, function() { if (this.state.selected) { $(‘#treeview-selectable’).treeview(‘selectNode’, [node.nodeId, { silent: true }]); return; } }); }

即使以百分比定义，也会折叠隐藏其内容的DIV: 我正试图获得一个可能在点击时崩溃的DIV。对于这个简单的示例，单击将直接在整个DIV上触发。 #fixed { width: 200px; } #fixed input { width: 180px; } .short_fixed { width: 50px !important; } $(‘#fixed’).click(function(){ $(this).toggleClass(‘short_fixed’); }); 我的例子显示了2种情况：第一种使用“固定”宽度对象，而第二种使用“百分比”宽度。单击时，首先DIV截断而不调整其内容大小，导致隐藏溢出内容，但它需要具有基于px的宽度，这是不太理想的相反，第二个根据容器的宽度调整内容，它允许我使用％，但不会像我想的那样在崩溃时使用内容。所以，我想设置内容宽度为容器宽度的百分比（也可能有％宽度），如第二个例子中所示，但是在容器折叠的情况下具有第一个行为。

需要一个javascript或jquery库来将jpath转换为jquery中的可选CSS3格式: 我怎样才能转换xpath /html/body/div[3]/ul/li[1]/a[5] html > body > div[3] > ul > li[1] > a[5] 我相信，CSS3选择器不支持索引….所以如何处理这个？

创建一个圆形导航菜单: 我想创建一个带有导航项的圆形菜单。约束是文本也是弯曲的。通过绘制2幅canvas，这是我所经历的小提琴，但我仍然无法绑定点击框模型约束的项目原因。我们可以使后面的canvas透明并将其放在原始div或渲染文本上，同时在顶部canvas中渲染canvas。码- function drawTextAlongArc(context, str, centerX, centerY, radius, angle, position, adjustFactor){ context.save(); context.translate(centerX, centerY); context.rotate((position-1)*45*Math.PI/180); context.rotate(-1 * (angle / str.length) / 2); context.rotate((adjustFactor-str.length)/(2*adjustFactor)*45*Math.PI/180); for (var n = 0; n < str.length; n++) { context.rotate(angle / str.length); context.save(); context.translate(0, -1 * radius); var char = str[n]; context.fillText(char, 0, 0); context.restore(); } context.restore(); […]

每个javascript，jquery的translate3d定位问题: 我在我的一个小项目上工作，并注意到一个问题。这是小提琴。如果您刷新小提琴并转到页面“列表”然后转到“Angebot”，您会注意到“旧页面”正确滑动但新页面向上滑动而不是向下滑动。在我的javascript中，我在动画之前正确定位了新页面。不知何故，在动画之前不进行定位。这是定位部分： if ((activePage.index() + 1) > newPageIndex) { move = pageSize; } else { move = -pageSize; } newActivePage.css({ “-webkit-transition-duration”: “0”, “-webkit-transform”: “translate3d(0, ” + -move + “px, 0)”, “-moz-transition-duration”: “0”, “-moz-transform”: “translate3d(0, ” + -move + “px, 0)”, “transition-duration”: “0”, “transform”: “translate3d(0, ” + -move + “px, 0)” […]