草庐IT

action_move

全部标签

javascript - Bootstrap : Header moves when modal opens

我正在使用Bootstrap框架,但我的header和模态出现了一些问题。我页面上的标题是固定的,当模态框打开时,它会向右移动几个像素,并在模态框关闭时再次向后移动。示例如下:http://jsfiddle.net/D2RLR/7400/我希望它完全不动。我知道这是由滚动条引起的,这就是为什么fiddle中的容器设置为2000px的原因。关于如何解决这个问题有什么想法吗?代码如下:HTMLHomeProfileLaunchdemomodalCSS@importurl('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstr

javascript - Bootstrap : Header moves when modal opens

我正在使用Bootstrap框架,但我的header和模态出现了一些问题。我页面上的标题是固定的,当模态框打开时,它会向右移动几个像素,并在模态框关闭时再次向后移动。示例如下:http://jsfiddle.net/D2RLR/7400/我希望它完全不动。我知道这是由滚动条引起的,这就是为什么fiddle中的容器设置为2000px的原因。关于如何解决这个问题有什么想法吗?代码如下:HTMLHomeProfileLaunchdemomodalCSS@importurl('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstr

javascript - 使用 JS/jQuery move div 的最流畅方式

我需要将一个div从屏幕的右侧move到左侧,但是同时使用经典的JS和jQuery会使它变得不稳定:我的div:))经典的javascript方法:functionmove(){pos=parseInt($("#lisp1").css("right"));$("#lisp1").css("right",pos+10+"px");}varinterval=setInterval("move()",10);jQuery方法:$("#lisp0").animate({"left":"-=2200px"},10000);我做了一个webpage向你展示它有多生涩。第一步是使用jQuery(最流

javascript - 使用 JS/jQuery move div 的最流畅方式

我需要将一个div从屏幕的右侧move到左侧,但是同时使用经典的JS和jQuery会使它变得不稳定:我的div:))经典的javascript方法:functionmove(){pos=parseInt($("#lisp1").css("right"));$("#lisp1").css("right",pos+10+"px");}varinterval=setInterval("move()",10);jQuery方法:$("#lisp0").animate({"left":"-=2200px"},10000);我做了一个webpage向你展示它有多生涩。第一步是使用jQuery(最流

html - CSS : Button text moves on click

.btn_style{border:none;outline:0;background:#edf1f2;border-radius:2px;width:90px;height:30px;}.btn_style:focus{border:thin#c7d3d6solid;width:90px;height:30px;outline:0!important;}Medium当我点击按钮时,文本会轻微移动。任何帮助都会很棒。谢谢。 最佳答案 .btn_style{border:none;outline:0;background:#edf1f

html - CSS : Button text moves on click

.btn_style{border:none;outline:0;background:#edf1f2;border-radius:2px;width:90px;height:30px;}.btn_style:focus{border:thin#c7d3d6solid;width:90px;height:30px;outline:0!important;}Medium当我点击按钮时,文本会轻微移动。任何帮助都会很棒。谢谢。 最佳答案 .btn_style{border:none;outline:0;background:#edf1f

html - 触发 :hover on moving element without moving mouse

#box{animation:scroll2slinearinfinite;width:100px;height:100px;background:red;}#box:hover{background:green;}@keyframesscroll{from{transform:none;}to{transform:translateX(400px);}}如果将鼠标悬停在框上,如果您之后不移动鼠标,它会保持绿色。如果您将鼠标放在它的路径上并且不动,它不会触发悬停。在这种情况下,有没有办法在不移动鼠标的情况下触发悬停?编辑:不使用JavaScript。 最佳答

html - 触发 :hover on moving element without moving mouse

#box{animation:scroll2slinearinfinite;width:100px;height:100px;background:red;}#box:hover{background:green;}@keyframesscroll{from{transform:none;}to{transform:translateX(400px);}}如果将鼠标悬停在框上,如果您之后不移动鼠标,它会保持绿色。如果您将鼠标放在它的路径上并且不动,它不会触发悬停。在这种情况下,有没有办法在不移动鼠标的情况下触发悬停?编辑:不使用JavaScript。 最佳答

javascript - HTML & JavaScript - 将滚动 Action 从一个元素传递到另一个元素

假设我有两个div:(Ascrollablelist)我想做到这一点,当光标停在#control内并且滚动鼠标滚轮时,#view将被滚动。无论如何要实现这一目标? 最佳答案 好的,快速修复对我有用。即使固定的div不可滚动,因为它没有溢出其边界的内容,您仍然可以检测到mousewheel事件。mousewheel事件包含滚动的x/y维度的增量。注意:这适用于鼠标或触控板,并且会为您提供正确的方向(-/+),而不管Y轴的倒置设置如何(阅读:Apple的(非)自然滚动)因此,你可以这样做:varfixedDiv=document.que

javascript - HTML & JavaScript - 将滚动 Action 从一个元素传递到另一个元素

假设我有两个div:(Ascrollablelist)我想做到这一点,当光标停在#control内并且滚动鼠标滚轮时,#view将被滚动。无论如何要实现这一目标? 最佳答案 好的,快速修复对我有用。即使固定的div不可滚动,因为它没有溢出其边界的内容,您仍然可以检测到mousewheel事件。mousewheel事件包含滚动的x/y维度的增量。注意:这适用于鼠标或触控板,并且会为您提供正确的方向(-/+),而不管Y轴的倒置设置如何(阅读:Apple的(非)自然滚动)因此,你可以这样做:varfixedDiv=document.que