scrollTop不起作用 [英] scrollTop not working

问题描述

这是浮动的div xwiki控件，在

This is floating meny div xwiki-controls working when

$(window).scroll(function() {
        var scrollTop = $(window).scrollTop();

或$(document).scroll(function() { var scrollTop = $(document).scrollTop();

or $(document).scroll(function() { var scrollTop = $(document).scrollTop();

但是不能这样工作

$(document).ready(function() {
    var nav = $('.xwiki_controls');
    var isFixed = false;
    $('#parag').scroll(function() {
        var scrollTop = $('#parag').scrollTop();
        var shouldBeFixed = scrollTop > 250;
        ...

推荐答案

这是我测试过的代码示例.希望对您有帮助.

This is a sample of code which I have tested. Hope it will help you.

这用于将div粘贴在顶部.

This is used to stick the div on top.

$(document).ready(function(){
     var p = $("#stop").offset().top;

    $(window).scroll(function(){
        if(p<$(window).scrollTop()){
            console.log("div reached");
            $("#stop").css({position:"fixed",top:0});
        }
        else{
            console.log("div out");
            $("#stop").css({position:"static"});
        }

    })
});

这篇关于scrollTop不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！