Javascript 当我到达某一点时做一个div滚动
当我达到某个滚动点时,我想做一个div(按钮)滚动。我还想向页面上的其他元素添加类。不知怎么的,它不起作用。这是我用于滚动的代码,但我不太明白。请帮助我Javascript 当我到达某一点时做一个div滚动,javascript,jquery,css,Javascript,Jquery,Css,当我达到某个滚动点时,我想做一个div(按钮)滚动。我还想向页面上的其他元素添加类。不知怎么的,它不起作用。这是我用于滚动的代码,但我不太明白。请帮助我 $(window).load(function () { var nav = get_nav(); if (!(nav.is_msie && nav.ver <= 6)) { var tmp1 = $('#tag_container').css('position');
$(window).load(function () {
var nav = get_nav();
if (!(nav.is_msie && nav.ver <= 6)) {
var tmp1 = $('#tag_container').css('position');
var cur_w_offset = start_offset = $('#butoni').offset().top;
var bp = $('#right_content');
var pt = $('#butoni');
cur_w_offset = $(window).scrollTop();
if (cur_w_offset >= start_offset) {
bp.addClass('flyingbuy');
} else {
pt.css('top', 'auto');
}
if (window.content_center != true || window.c != false) {
window.buydeal_forpresent = false;
}
$(window).scroll(function () {
var tmp = $('#tag_container').css('position');
ur_w_offset = $(window).scrollTop();
if (cur_w_offset >= start_offset) {
bp.addClass('flyingbuy');
$('#tag_container').css('height', 'auto');
$('#tag_container_bialo').slideDown('slow');
} else {
bp.removeClass('flyingbuy');
$('#tag_container').css(({
position: "fixed",
height: "101px"
}));
$('#tag_container_bialo').slideUp('slow');
}
if (!window.buydeal_forpresent) {
var nvp_panel = $('#right_content');
var nvp_pricetag = $('#butoni');
var bialo_height = $('#tag_container_bialo').height() + 20;
var offset_top = nvp_pricetag.offset().top - nvp_panel.offset().top + 16;
if (tmp == 'fixed') {
$('#gift').css('position', 'fixed');
var left = $('#butoni').offset().left + 223 - 18;
$('#gift').css('top', 16 + bialo_height + 'px');
$('#gift').css('left', left + 'px');
} else {
$('#gift').css('position', 'absolute');
$('#gift').css('top', offset_top);
$('#gift').css('left', '205px');
$('#gift').animate({
top: offset_top + bialo_height
}, 400);
}
}
});
}
});
$(窗口)。加载(函数(){
var nav=get_nav();
如果(!(nav.is_msie&&nav.ver=start_offset){
bp.addClass(“flyingbuy”);
}否则{
部分css(“顶部”、“自动”);
}
if(window.content_center!=true | | window.c!=false){
window.buydeal\u forpresent=false;
}
$(窗口)。滚动(函数(){
var tmp=$('#tag_container').css('position');
ur_w_offset=$(窗口).scrollTop();
如果(当前偏移量>=开始偏移量){
bp.addClass(“flyingbuy”);
$('#tag_container').css('height','auto');
$('tag#u container'u bialo')。向下滑动('slideDown');
}否则{
bp.removeClass(“flyingbuy”);
$(“#标记_容器”).css(({
位置:“固定”,
高度:“101px”
}));
$('tag#u container_bialo')。slideUp('slow');
}
如果(!window.buydeal\u当前){
var nvp_面板=$(“#右#u内容”);
var nvp_pricetag=$('#butoni');
var bialo_height=$('#tag_container_bialo')。height()+20;
var offset_top=nvp_pricetag.offset().top-nvp_panel.offset().top+16;
如果(tmp==‘固定’){
$('gift').css('position','fixed');
var left=$('#butoni').offset().left+223-18;
$('gift').css('top',16+bialo_高度+'px');
$('gift').css('left',left+'px');
}否则{
$('gift').css('position','absolute');
$('gift').css('top',offset#u top);
$('gift').css('left','205px');
$(“#礼物”)。制作动画({
顶部:偏移顶部+比亚洛高度
}, 400);
}
}
});
}
});
我现在有个问题。我一直在这里工作: 我不希望文本div以这种方式滚动。当页面达到按钮级别时,我希望txt显示,向下滑动并随按钮移动。但是,文本需要在按钮之前。我不知道为什么向下滑动时文本会增长。向上滑动部分可以
好的,我找到了生长的部分。我没有指定高度。 我真的不知道如何使txt显示在按钮前并一起滑动。如下所示: 正文
按钮我不是100%清楚你想要实现什么,而且你的帖子中似乎有很多代码与你的问题没有直接关系。这里有一段简单得多的代码,似乎可以实现你想要的(如果我正确解释了你的目标): 当页面加载时,我们将获得按钮上边缘相对于文档的原始位置。然后,我们将窗口的滚动事件绑定到代码,以检查用户已向下滚动了多远(
win.scrollTop()
)。它将该值与按钮的原始位置进行比较。如果发现该值大于或等于按钮的原始位置,这意味着按钮应通过将其CSS位置更改为固定,开始与我们一起滚动。如果
部分在用户滚动时将按钮返回其原始位置s备份。尝试使用此选项
$(window).scroll(function () {
var top = $(window).scrollTop();
if(top>879)
{ $("div").addClass('yourclass');
}
});
这里879
被指定了滚动点这里的问题是什么?“此代码如何工作”或“它不工作,我如何修复它”?这就是为什么你不应该盲目地复制你不理解的粘贴代码。对于滚动事件,请检查:Omg,非常感谢。你真的了解我想要做什么。现在,当我们到达页面时,按钮会随着页面一起滑动。我还想添加一个div(一些文本)它出现在按钮固定时。因此,当按钮移动时,文本也随之移动。我认为这与添加类有关,但我不确定如何添加。如果你想帮我做这件事,那就太好了,谢谢你的帮助:)你显然需要花些时间研究Javascript和jQuery,也可能是HTML/CSS。我这么说是因为你应该能够根据我上面所说的找出这个文本问题的解决方案。无论如何,您应该在if(scrollTop>=btnPosTop)语句中添加使文本出现的代码。就像按钮一样,它应该得到一个固定的位置(通过在JS中设置它,或者通过在包含的div中添加一个类,该类的css指定为have position:fixed),这样它就会随着页面滚动而移动。好的,谢谢你的研究是对的,但我是一个乞丐。这就是为什么现在对我来说有点困难。谢谢,我会试试你上面写的
$(window).scroll(function () {
var top = $(window).scrollTop();
if(top>879)
{ $("div").addClass('yourclass');
}
});