我不希望我的网页滚动.我有一个<body>宽度100%,我把它overflow给hidden,并且它通常工作.没有滚动条,没有鼠标滚轮/触摸板手势滚动.但如果我点击并拖动到任何地方,我仍然可以滚动.
臭味是我有一个绝对定位的div,所以它在其父级之外,部分(有时完全)在屏幕外.由于一些原因,我现在无法解决这个问题.
这个小提琴说明了我的问题(我在webkit中看到它),http://jsfiddle.net/ax5x7/2/
在HTML中向右拖动几乎任何地方都会导致页面滑动.回去是因为没有滚动条很棘手,所以如果你错误地这样做,那看起来很糟糕.
在这里找到一个与jQuery被弃用有关的建议disableSelection(),但除非我做错了(我将它应用于身体以及所有孩子),它似乎并没有阻止这种行为.我还发现了一个几年前似乎没有令人满意的解决方案的问题.绑带是有点kludgy,我宁愿不在一个间隔滚动到(0,0).
这是一个关于我的代码中发生了什么的问题.它有效,但我需要一点启示......
我正在使用jQuery在文本输入元素上创建一个事件监听器.HTML将简单如下:
<input type="text" id="autocomplete" size="50" />
每当有人在该字段中键入内容时,我都需要接收事件,并且为了避免被事件淹没,我已经使用计时器设置了事件监听器,这样我的事件监听器代码只有在用户没有输入125 ms的内容时才会运行:
jQuery('#autocomplete').keyup(function(e) {
e.preventDefault();
clearTimeout(this.timer);
this.timer = setTimeout(function() {
jQuery.getJSON([URL goes here], function(data) {
// processing of returned data goes here.
}
}, 125);
console.log(this);
});
这有效,但我不太确定我是否理解这里发生的一切.从上面的代码中可以看出,我需要跟踪ID在最后一个事件中创建的计时器.我通过存储它来做到这一点this.timer.但是,this在这种情况下,关键字是指输入元素.这是console.log输出:
<input type="text" id="autocomplete" size="50" />
将计时器存储ID在输入元素上是否可以？据我所知,我可能会做一些愚蠢的事情.这是"最佳实践",还是会有不同之处？
目前我已经制作了铅笔工具并更改了铅笔颜色,但我想添加一个喷漆工具,可以让你画在画布上,也可以改变喷漆颜色.
这是我尝试实现的喷漆工具的JavaScript的一部分,但我无法使其工作.
//spray paint tool
tools.spray = function () {
var tool = this;
this.started = false;
this.mousedown = function (ev) {
if (!tool.started) {
return;
}
var len = 5 + ( Math.random() * 5 | 0 );
for( var i = 0; i < len; ++i ) {
context.beginPath();
context.strokeStyle = CurrentColor;
context.arc(
mouseX + Math.cos( Math.random() * Math.PI * 2 ) * radius * Math.random(),
mouseY + Math.sin( Math.random() * Math.PI * 2 ) * radius * …我在Windows 7上,只是将IE升级到10.它工作正常,但Javascript无效.我知道它已启用,因为我可以进入设置并禁用它,然后我得到"no js"输出.但是启用后,我什么都没得到.JS控制台中没有错误.Firefox中的相同脚本给了我"你好".
浏览器模式为"10",文档模式为"标准",但更改这些不会产生任何不同.这是整个页面:
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
document.write('hello');
</script>
<noscript>no js</noscript>
</body>
</html>
其他网站上的类似结果 - 如果我转到使用Disqus评论的页面,我只是得到一个空白区域.如果JS被禁用,Disqus会返回一条消息说明.
谢谢.
我正在尝试使用现有项目中的滑动菜单,其中使用了操作栏Sherlock.但我无法做到这一点.如果你能给我一个简单的演示或教程来告诉我如何这样做,那会很棒吗？我们是否必须使用片段进行滑动菜单？
更新:
当用户单击"滑动菜单"列表中的项目时,如何更改"活动"？
有演示吗？请帮忙.
现在我正在努力创建一个可以在主页上展示多个图像的网站,只需点击一下按钮即可循环播放.几乎像一个画廊,但更多的是面向页面预览.我想弄清楚的是如何在单击按钮时更改div的id/class.
我已经看了几个其他问题,但没有一个问题表明4个不同的ID.
我是JavaScript的新手,我正在努力找出最适合我的情况.
这是我为我的页面制作的jsFiddle.目标是让顶部的按钮在点击时将绿色div #Filler更改为新的id/class.
#Filler {
margin: auto;
max-height: 700px;
width: 1400px;
background-color: green;
max-width: 1366px;
height: 800px;
z-index: 1;
margin-top: -250px;
overflow: inherit;
background-image: url(nature5.jpg);
animation: Filler 1s 1;
-webkit-animation: Filler 1s 1;
transition-timing-function: ease;
-webkit-transition-timing-function: ease;
opacity:1; }
变成
#Filler2 {
margin: auto;
max-height: 700px;
width: 1400px;
background-color: red;
max-width: 1366px;
height: 800px;
z-index: 1;
margin-top: -250px;
overflow: inherit;
animation: Filler 1s 1;
-webkit-animation: Filler 1s 1;
transition-timing-function: ease;
-webkit-transition-timing-function: ease;
opacity:1;
}
就像我说的那样,我对此非常陌生,这适用于WebDesign类项目.
驱动API服务的构建需要很长时间（10+秒）。我尝试酸洗服务并重新加载它，但没有任何乐趣。有人知道如何让这个东西在本地缓存吗？
debug("Building Google Drive service")
from apiclient.discovery import build
self._service = build('drive', 'v2', http = http)
debug("Initialisation complete")
这是我正在处理的网站:http://cinicraft.com/Silverman/index.html
而我正在尝试制作一些按钮,但CSS没有效果.我的这份合同一直都很顺利,直到发生这种情况,我真的想在"库存"部分的每个项目周围做一个简单的方框,没有任何反应.
这是HTML5代码:
<div class="btn1inv">
MACHINE SCREWS
</div>
这是CSS代码:
/*Machine Screws*/
div.btn1inv
{
text-align:center;
background-color: #ff0404;
width:150px;
height:50px;
padding:1px;
margin:5px;
}
并且发生在机器螺丝上,尽管有CSS代码,但HTML5决定忽略它而不是画一个盒子.这div根本不起作用,可能导致这个问题的原因是什么？我选择了随机的丑陋颜色,因为我只是试图让这个CSS应用.
我这里有我的 CSS 代码。我的问题是，当内容有很多东西时，它会将其高度调整为大于导航高度。我想要的是当这个浮动高度调整之一时，它也包括另一个。
<div id="main">
<div id="navigation"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
CSS代码如下：
#main{
width: 960px;
height: 500px;
margin: auto;
}
#navigation{
float: left;
width: 200px;
background-color: #C7E1BA;
}
#content{
float: right;
width: 740px;
background-color: #F6E4CC;
padding: 10px;
}
#content, #navigation {
height: 100%;
}
#footer{
clear: both;
width: 960px;
height: 100px;
background-color: #628B61;
margin: auto;
}
所以我在这个网站上工作,我展示了我的想法.在一个较低的页面横幅上工作后,突然间一切都消失了,而我留下的只是身体中的背景图像.
你能弄明白为什么topImage id不显示吗？看到它工作一秒而不是另一个是令人沮丧的:
<style>
body
{
background-image:url("images/Background.gif");
background-repeat:repeat-y;
background-attachment:fixed;
background-position:center top;
}
#topImage
{
position:absolute;
background-image:url("images/Top-Banner.gif");
background-repeat:repeat-x;
width:100%;
top:0px;
left:0px;
}
</style>
<body>
<div id="topImage"></div>
</body>
对不起,如果这是一个非常基本的问题,我对此有点新意.
我有一个由WordPress生成的页面,其HTML类似于下面的HTML.我想我的第一个字母div有不同的大小,但是当我尝试添加样式时p:first-letter,所有p的变化大小.我的问题是我无法删除p-tags,因为它们是自动创建的.
<div class="div">
<p>Paragraph 1</p> <!-- I need "P" in "Paragraph" in different size -->
<p>Paragraph 2</p>
<blockquote><p>Text blockquote</p></blockquote>
</div>
有什么建议？
css ×6
html ×6
javascript ×4
html5 ×2
jquery ×2
android ×1
background ×1
canvas ×1
css-float ×1
css-position ×1
image ×1
positioning ×1
scroll ×1
this ×1
timer ×1