小编Joh*_*nny的帖子

检查用户是否已滚动到底部

我正在创建一个分页系统(有点像Facebook),当用户滚动到底部时,内容会加载.我想最好的方法是找到用户位于页面底部并运行ajax查询以加载更多帖子.

唯一的问题是我不知道如何检查用户是否已使用jQuery滚动到页面底部.有任何想法吗?

我需要找到一种方法来检查用户何时使用jQuery滚动到页面底部.

javascript jquery pagination scroll

635
推荐指数
16
解决办法
50万
查看次数

无法在一个周期结束时停止动画

我正在制作一个CSS动画,在那里,我正在移动东西,并希望它保持在最终位置,直到用户将鼠标移开.

body {
    background: url('osx.jpg');
    padding: 0;
    margin: 0;
    line-height: 60px;
}

@-webkit-keyframes item1 {
    0% { bottom: -120px; left: 0px; }
    10% { bottom: -40px; left: 10px; -webkit-transform: rotate(5deg); }
    100% { bottom: -40px; left: 10px; -webkit-transform: rotate(5deg); }
    }

@-webkit-keyframes item2 {
    0% { bottom: -120px; left: 0px; }
    10% { bottom: 60px; left: 20px; -webkit-transform: rotate(7deg); }
    100% { bottom: 60px; left: 20px; -webkit-transform: rotate(7deg); }
}

@-webkit-keyframes item3 {
    0% { bottom: -120px; left: 0px; } …
Run Code Online (Sandbox Code Playgroud)

animation webkit css3

44
推荐指数
2
解决办法
6万
查看次数

你如何使用jQuery加速动画中期动画?

假设你有一个动画运行一段时间,如下所示:

$('span').animate({opacity : 1}, 10000);
Run Code Online (Sandbox Code Playgroud)

动画很长,因此用户再次尝试单击该按钮.动画已经是动画的一定时间,每次都可能会有所不同.

在第二次单击时,可以更新动画过程,在用户单击时保持对象的不透明度,只需更改完成所需的时间?

基本上我想在动画中途更新动画过程.

javascript jquery animation

6
推荐指数
1
解决办法
2998
查看次数

如何在 SVG 中绘制一条弧线,该弧线开始时较粗,然后逐渐变细,直到达到一个点?

我想要一条从粗到细的弧线,有点像这里的图 13:

图像

这可以用 SVG 实现吗?

svg

6
推荐指数
1
解决办法
2617
查看次数

JavaScript中的函数名称

作为一个完整的Javascript新手,对于那些将Stackoverflow称为Home的全能javascript霸主来说,我似乎面临着一些简单的概念,这些挑战令我感到困惑。

我的问题不是真的。当我在贫民窟的代码编辑器中编写JavaScript时,经常会看到类似这样的内容

function name(e) {

    if(e.KeyCode) { 
        ....
    }
}
Run Code Online (Sandbox Code Playgroud)

这样做有什么作用?这和刚做的有if(KeyCode)什么不同?到底是什么e

谢谢 :)

javascript function event-handling

5
推荐指数
2
解决办法
1343
查看次数

HTML5中的画布:删除先前的矩形

我一直在搞弄html5中的canvas元素,这是经过一些试验后得到的结果

function canvasMove(e) {

    var canvas = document.getElementById('game');

    if(canvas.getContext) {
        var draw = canvas.getContext('2d');

        draw.fillStyle = 'rgba(0,0,0,0.5)';
        draw.fillRect('10', '10', '100', '100');    

        var code;

        if (!e) var e = window.event;
        if (e.keyCode) code = e.keyCode;
        else if (e.which) code = e.which;
        var character = String.fromCharCode(code);

        if(character == '&') { draw.translate(0, -10); }
        if(character == '(') { draw.translate(0, 10); }
        if(character == '%') { draw.translate(-10, 0); }
        if(character == "'") { draw.translate(10, 0); }
    }
}
Run Code Online (Sandbox Code Playgroud)

它的作用是每当您按箭头键时都会移动矩形[箭头键显示为&,(,%和',不确定每个人是否都一样,但这只是一个实验]。无论如何,我可以移动矩形周围,但是会留下某种残留物,因为它不会删除它以前的形式,所以我得到的是使用非常厚的笔刷进行的非常基本的etch-n'-sketch。

我想要做的是能够删除矩形的先前形式,以便仅保留新的翻译版本。

最重要的是,我想知道如何通过同时按下向左和向上来使其水平移动。我知道我的代码可能不是很通用,但是任何帮助我们都非常感谢。

谢谢 :)

javascript html5 canvas

3
推荐指数
1
解决办法
2万
查看次数

输入 www.[site].com 和 [site].com 有什么区别?

我正在测试我的网站,尝试使用http://tools.pingdom.com来优化其速度。我注意到输入 www. 有时会导致显着的速度变化。为什么是这样?

load ping

3
推荐指数
1
解决办法
2188
查看次数

当鼠标靠近时排斥对象

我在一个名为'.background'的父div中包含一些随机位置的span元素.这些是使用Javascript生成的.像这样:

<span class="circle" style="width: 54px; height: 54px; background: #5061cf; top: 206px; left: 306px"></span>
Run Code Online (Sandbox Code Playgroud)

我希望它们在鼠标靠近时移开(或击退),但我不知道该怎么做!我将如何在jQuery中实现这一目标?

我想你必须搜索附近的跨度,如果它们在鼠标周围的某个半径范围内,则改变它们的位置,但我真的不知道从哪里开始.任何帮助表示赞赏!

javascript jquery

3
推荐指数
1
解决办法
5621
查看次数

是否可以使用触控板进行手势?

在Chrome中的Macbook Pro上,在屏幕上滑动两根手指可以让您前后移动.我如何禁用此功能,并在jQuery或Javascript中创建自定义手势?

我真正需要知道的是你如何检测两个手指何时在触控板上,我认为这是最好的方法.您可以使用e.touches在移动设备上进行操作!

javascript jquery google-chrome touch gesture

3
推荐指数
2
解决办法
2043
查看次数

在jQuery中多次调用函数是一种好习惯吗?

我有这个代码,我需要多次调用一个函数.

    $(window).resize(function() {
    centerBox();
}); 

$(window).scroll(function() {
    centerBox();
}); 

centerBox();
Run Code Online (Sandbox Code Playgroud)

而且我意识到这非常混乱.有没有更好的方法来写这个?

jquery function

1
推荐指数
1
解决办法
930
查看次数

我该如何等待一段时间然后更改变量?

我有一些使用jquery的代码,我想等待300ms,然后更改变量.我尝试了setTimeout但它不起作用,它只是让变量立即改变.

setTimeout(animationWait = 0, 300);
Run Code Online (Sandbox Code Playgroud)

(我在文档中全局定义了animationWait)基本上我要做的就是等待点击结束,然后才能完成另一次点击.所以我想我会设置一个变量,然后等待300ms,

$('#up-arrow').live('click', function(e) {  

    if(animationWait == 0) {
        animationWait = 1;
        .... /* Code */
    }
}
Run Code Online (Sandbox Code Playgroud)

因此我需要在延迟运行代码后再将animationWait更改回0.我已经尝试了很多东西,但它还没有用,有什么想法吗?

javascript jquery

0
推荐指数
1
解决办法
3096
查看次数