javascript - 脚本仅在窗口大于 div 时运行

标签 javascript

我有以下运行良好的脚本,但我想将它包装在一个 if 语句中,该语句仅在窗口高度大于 #tip 元素时运行此脚本。我要添加什么?

$(document).scroll(function () {
    if($(window).scrollTop() >= 40){
        $('#tip').css({'position' : 'fixed', 'top' : '20px', 'left' : '50%', 'margin-left' : '250px' });
    }
    if($(window).scrollTop() <= 40){
        $('#tip').css({'position' : 'absolute', 'top' : '15px', 'left' : '', 'margin-left' : ''});
    }
    console.log($(window).scrollTop());
});

最佳答案

简单地

$(document).scroll(function () {
    if ($(window).height() > $('#tip').height()) {
        ... your code here
    }
});

关于javascript - 脚本仅在窗口大于 div 时运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8698649/

相关文章:

javascript - 寻找将非转义字符串转换为转义字符串的工具

javascript - Videojs HLS Live 长时间播放内存问题

Javascript:使用 'defined' 谓词将变量名称作为字符串获取

javascript - Jquery lightgallery 如何关闭字幕

javascript - QUnit、Sinon.js 和 Backbone 单元测试受挫 : sinon spy appears to fail to detect Backbone Model event callbacks

javascript - IE - 提交表单后如何禁用输入验证检测?

javascript - d3js : Add quantitative dimension to Hierarchical Edge Bundling

javascript - 使用 Lodash 映射将列表重组为按值排序的键

javascript - 元组数组的 JSON 模式

javascript - JQuery 缺少 : after property ID