Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动时的功能固定元素_Javascript_Jquery_Scroll_Fixed - Fatal编程技术网

Javascript 滚动时的功能固定元素

Javascript 滚动时的功能固定元素,javascript,jquery,scroll,fixed,Javascript,Jquery,Scroll,Fixed,您好,我想使用我的项目的转录首页。 该功能允许您在滚动整个页面时滚动特定项目。 我不知道我是否正确编写了函数,但我会将其作为参数传递给元素的类,该类应该随页面的滚动而滚动 我等待建议您可以使用固定定位元素。我解决了部分问题,但出现了另一个问题,该功能不是firefox和ie的一部分 function elementFixed(el) { var howScroll = $('body').scrollTop(); var cOff = $('.main-content').off

您好,我想使用我的项目的转录首页。 该功能允许您在滚动整个页面时滚动特定项目。 我不知道我是否正确编写了函数,但我会将其作为参数传递给元素的类,该类应该随页面的滚动而滚动


我等待建议

您可以使用固定定位元素。我解决了部分问题,但出现了另一个问题,该功能不是firefox和ie的一部分
function elementFixed(el) {
    var howScroll = $('body').scrollTop();
    var cOff = $('.main-content').offset();
    var fOff = $('.site-footer').offset();
    var elH = el.outerHeight();
    var elTop = parseInt(el.css('top'));

    $(el).css('top', 0)

    if (howScroll >= cOff.top) {

        $('el').css({
            'top': (howScroll - cOff.top) + 'px',
            'position': 'relative',
            'top': 0
        });
        var elTop = parseInt(el.css('top'));
        if ((elTop) >= (fOff.top - elH)) {
            $(el).css('top', fOff.top - (cOff.top + elH + 50));
        }
    }