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