jquery - 左侧偏移到右侧

标签 jquery css html scroll sticky

我在我的网站上使用了便利贴。它在 CSS 上完美配置,但当我开始滚动时,它会转到左侧。我希望它坚持在它所在的右侧。我怎样才能做到这一点?

我确定它是 JS 文件的一部分

(function($){
$.fn.extend({ 
    //plugin name - jsticky
    jsticky: function(options) {

        //Settings list and the default values
        var defaults = {
            marginTop: 0
        };

        var options = $.extend(defaults, options);

        return this.each(function() {
            var o = options;

            //Assign current element to variable, in this case is UL element
            var obj = $(this);   


var offset = obj.offset();
var topOffset = offset.top;
var marginTop = obj.css("marginTop");
var marginTopNum = parseInt(marginTop);

var diff = topOffset - marginTopNum;


var offset = obj.offset();
            var topOffset = offset.top;
            var leftOffset = offset.left;
            var marginTop = obj.css("marginTop");
            var marginLeft = obj.css("marginLeft");


            $(window).scroll(function() { 
                var WindowScrollTop = $(window).scrollTop();
                var scrollTop = WindowScrollTop + o.marginTop;

                if (scrollTop >= topOffset){

                    obj.css({
                        marginTop: o.marginTop,
                        marginLeft: leftOffset,
                        position: 'fixed'
                    });
                }

                if (scrollTop < topOffset){

                    obj.css({
                        marginTop: marginTop,
                        marginLeft: marginLeft,
                        position: 'fixed'
                    });
                }
            });


        });
    }
});
})(jQuery);

最佳答案

试试这个:

if (scrollTop >= topOffset){
    obj.css({
        marginTop: o.marginTop,
        marginLeft: marginLeft, //<----change to this
        position: 'fixed'
    });
}

关于jquery - 左侧偏移到右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14998592/

相关文章:

javascript - 如何在 EJS 模板中使用 jQuery 和 vanilla JS

javascript - 从 2 个输入获取并同时替换

javascript - li 元素上的 onClick 事件,以更改 textFields

javascript - 一个管理区域,其中包含用于更改猫的名称、url 和点击次数的输入(默认情况下隐藏)

jquery - iOS jquery .on 点击​​库 1.8.3

jquery - JavaScript 和 jQuery 选择器产生不同的结果?

javascript - 如何在工具提示 Highcharts 中获取多个系列数据(不丢失工具提示指针箭头)

css - 有人可以帮我做一个跨浏览器的下拉导航栏吗?

javascript - 单击每个 td 时显示数据的警报框

html - 使溢出 :hidden element 中的一个元素完全可见