Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.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
Javascript 在滚动到每个段落时,增加大小;在滚动不在段落中时,使用jquery减小大小_Javascript - Fatal编程技术网

Javascript 在滚动到每个段落时,增加大小;在滚动不在段落中时,使用jquery减小大小

Javascript 在滚动到每个段落时,增加大小;在滚动不在段落中时,使用jquery减小大小,javascript,Javascript,我只想在scroll靠近它们时增加每个段落的字体大小,在scroll向下时减小字体大小 $(文档).ready(函数(){ $(窗口)。滚动(函数(){ 如果($(this).scrollTop()>100){ $('.title').css('font-size','43px'); }否则{ $('.title').css('font-size','36px'); } }); });在这种情况下可以帮助您。遍历每个.title,然后相应地调整大小 更新 您可以查看属性以调整字体大小调整速度。

我只想在scroll靠近它们时增加每个段落的字体大小,在scroll向下时减小字体大小

$(文档).ready(函数(){
$(窗口)。滚动(函数(){
如果($(this).scrollTop()>100){
$('.title').css('font-size','43px');
}否则{
$('.title').css('font-size','36px');
}
});
});在这种情况下可以帮助您。遍历每个
.title
,然后相应地调整大小

更新 您可以查看属性以调整字体大小调整速度。
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
$('.title')。每个(函数(){
if(this.getBoundingClientRect().top<100){
$(this.css('font-size','43px');
}否则{
$(this.css('font-size','36px');
}
});
});
$(window.scroll();
});
正文{
高度:1000px;
}
.头衔{
字体大小:36px;
边缘底部:100px;
转换:字体大小为1s;
}

你好,世界
你好,世界
你好,世界
你好,世界

你好,世界
Thum Choon Tat非常感谢你,你能帮我在上面做些动画效果吗?它也改变了fast@Marie更新了我的答案,同时查找CSS转换属性Choon(谢谢)