【问题标题】:fixed position div, switch to relative if div on screen固定位置 div,如果 div 在屏幕上,则切换到相对位置
【发布时间】:2018-09-16 20:57:54
【问题描述】:

如果这是基本的脚本,那么很抱歉,但是......

我有 2 个位置:固定 div,当特定 div 在屏幕上可见时,我想成为位置:相对。 (即,当出现 div 时滚动出屏幕)

'antxt' - 是默认的固定类,当屏幕上显示“trig”时,我想切换到“andtxtscroll”。我是根据一个没有运气的帖子在这里找到的。

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    $('andtxt').toggleClass('andtxtscroll',

        scroll >= $('.trig').offset().top
    );
});

//trigger the scroll
$(window).scroll();//ensure if you're in current position when page is refreshed

https://anthonynoyce.design/

我想让居中的徽标在下一个视图出现时向上滚动?

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    $('andtxt') 更改为$('.andtxt')。类选择器前面应该有.

    【讨论】:

    • 稍微修改了代码。我在滚动触发点上的位置:固定 div 到位置:绝对之间进行了切换。这实际上是在切换/工作,但 div 消失了,而不是像我预期的那样随着页面向上滚动? 此处示例anthonynoyce.design
    • 将其设为绝对位置会将其相对于最近的定位元素定位,在本例中为 .et_pb_code_inner,只要将位置更改为绝对位置,您的 .andtxt 就会移动到该元素的顶部已经向上滚动并移出视口,所以它看起来就像消失了
    • 是的,现在说得通了,谢谢。所以我需要想一个替代的方法来达到同样的效果
    猜你喜欢
    • 2011-12-23
    • 2014-03-19
    • 1970-01-01
    • 1970-01-01
    • 2011-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多