Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 页面滚动时淡入淡出文本_Jquery_Fadeout - Fatal编程技术网

Jquery 页面滚动时淡入淡出文本

Jquery 页面滚动时淡入淡出文本,jquery,fadeout,Jquery,Fadeout,我有一个基本的例子: 我是否可以让淡入淡出的文本稍微滚动,以创建更流畅的传输 如本网站: 非常感谢使用 var divs=$('.social,.title'); $(窗口)。滚动(函数(){ 如果($(窗口).scrollTop()使用此选项: 它允许您将图元平滑移动到给定坐标,您可以使用以下方法确定该坐标: 此外,您还需要: 它允许您淡入特定的透明度,而不是完全透明。如果您希望它看起来像您给出的“themetrust.com”示例,则需要使用此选项。如果您注意到,如果只滚动一点,它

我有一个基本的例子:

我是否可以让淡入淡出的文本稍微滚动,以创建更流畅的传输

如本网站:

非常感谢使用

var divs=$('.social,.title');
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()使用此选项:

它允许您将图元平滑移动到给定坐标,您可以使用以下方法确定该坐标:

此外,您还需要:


它允许您淡入特定的透明度,而不是完全透明。如果您希望它看起来像您给出的“themetrust.com”示例,则需要使用此选项。如果您注意到,如果只滚动一点,它只淡入一点

只需像处理不透明度一样处理文本的边距即可

例如:

jQuery(function($) {
    var divs = $('.fade');
    $(window).on('scroll', function() {
        var st = $(this).scrollTop();
        divs.css({ 
            'margin-top' : -(st/3)+"px", 
            'opacity' : 1 - st/35
        }); 
    });
});

下面是一些结合了已经讨论过的一些想法的东西

$(window).scroll(function(){
    var top = ($(window).scrollTop() > 0) ? $(window).scrollTop() : 1;
    $('.fade').stop(true, true).fadeTo(0, 1 / top);
    $('.fade').css('top', top * 1.3);             
});

window.onscroll=function(){
scrollFunction()
};
函数滚动函数(){

如果(window.scrollY>=259&&window.scrollY)我在jsfiddle中发布了答案,请检查基本示例链接是否已断开,您可以对代码进行jsfiddle吗?这很好,当您滚动回页面顶部时,是否还有我可以淡入的地方?
$(window).scroll(function(){
    var top = ($(window).scrollTop() > 0) ? $(window).scrollTop() : 1;
    $('.fade').stop(true, true).fadeTo(0, 1 / top);
    $('.fade').css('top', top * 1.3);             
});