jquery - 如何通过更改 css 实现这样的滚动 div?

标签 jquery html css

site左侧有一个滚动的 div。当您滚动页面时,div 也会有节奏地滚动,图像的颜色也会发生变化。 position:fixed 不是所有能做到的。

那有什么技巧呢?

编辑:

position:fixed 是我可以用来在页面滚动时将 div 固定在某个位置的所有方法。但是如何添加不断变化的div的节奏呢?我还需要展示哪些研究成果(负面排名)?

最佳答案

您可以使用 jquery 来实现这一点。

var divs = $('.fademe');
$(window).on('scroll', function() {
    var st = $(this).scrollTop();
    if (st > 50 && st < 100) {
        $('.fademe').css({
            'color': '#fff'
        });
    }
    else {
        $('.fademe').css({
            'color': '#000'
        });
    }    
});

当滚动条位置在50到100之间时,此函数将改变div中文本的颜色。否则文本将为黑色

您可以修改上面的 jquery 代码来更改您想要的任何 css。

在这里自己试试 http://jsfiddle.net/J8XaX/29/

用这个添加弹跳 http://jsfiddle.net/J8XaX/43/

希望对你有帮助

关于jquery - 如何通过更改 css 实现这样的滚动 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11728001/

相关文章:

jquery - templateResult 和 templateSelection 的 Select2 参数不同 (django)

javascript - jQuery - 如何找出复选框何时以编程方式更改?

php - 液体高度格

html - 无法让 textarea 成为剩余 DIV 空间的 100% 高度

javascript - 将鼠标悬停在 div "rectange"上不起作用

javascript - JQuery 自动完成不适用于第一个按键事件(源是一个数组)

javascript - 获取元素 ID Sweet Alert

javascript - 使用 rowspan 调整表的大小

html - 切换分辨率时布局会发生变化

javascript - 如何避免在此 jQuery 验证案例中重复 isValid?