小编Den*_*vac的帖子

页面(实时版)由(大致)三部分组成:

• 左侧边栏
• 居中的内容
• 右侧边栏

右侧边栏应该是可滚动的,所以我设置overflow-y: scroll; right: -17px;为隐藏滚动条.Body, html有overflow-y: auto;.这样我就不必有两个滚动条(用于页面和右侧边栏).

问题:( 仅限于CHROME,在版本62和63上测试)

出于某种原因,在不同的机器上,chrome为滚动条提供了两种不同的样式:案例1和案例2.

所以基本上,对于情况1,右侧边栏滚动条是"绝对定位的",页面隐藏了自身的17px,而对于情况2,滚动条"相对定位",页面隐藏了滚动条占用的17px.

题

1)为什么滚动条在相同的操作系统和浏览器版本上有所不同,但是不同的机器？

2)有没有办法解决这个没有任何插件？考虑到Windows用户的案例2和MacOS用户是案例1还是2？

是否可以选择使 a#search_inner与其中最宽的元素一样宽 + 50px ？宽度：计算（自动+ 50px）；似乎不起作用。我需要宽度为auto，而不是100%。

纯 CSS 解决方案会更好。

简化的代码示例：

<div id="search_outter"> <!-- search window -->
  <div id="search_nav" style="float:left"> <!-- search navbar -->
    ...
  </div>

  <div id="search_inner" style="float:right"> <!-- actual search results -->
    ...
  </div>
</div>

我有一个由插件创建的 div，并在页面渲染后出现（总是在不同的时间）。

我需要检查这个 div 是否存在，然后执行一组函数。但是，如果它还不存在，我想等待（检查）直到它出现，然后执行该组函数。

这是我现在正在使用的：

var check = setInterval(function(){
  if ($('#target-div').length){
    console.log('execute set of functions')
    clearInterval(check);
  }
}, 100);

但是，有没有一种方法可以永久检查 div 是否退出（例如在后台运行它或其他东西），并且一旦它被创建 - 停止，但没有setInterval？

因为我有多个类似的检查，并且每次都必须设置新的/不同的 setInterval，这会变得一团糟。

谢谢。

*我知道以前使用Ajax和其他方法解决了这个问题,但没有任何内容符合我的需求.

我正在制作一个bootstrap管理主题,我正在使用jQuery的.load()来避免页面刷新和更平滑的事务,尽管它没有加载位于页面底部的脚本... /脚本,它被忽略了.

我不能为每个脚本创建一个新文件并特别加载它,因为这意味着使用我的主题的任何人都会对用于表的最小脚本等等(当它们可以简单地放在脚本标签内时)),因此它不是一个可用的模板.

我的jQuery加载代码:

$('.navigation .nav li a').not('.nav-item-expandable > a').click(function(navActive){
            var href = $(this).attr('href');

            navActive.preventDefault();
            $('.content').load('/' + href + ' .content>*');
            $('.breadcrumb').load('/' + href + ' .navbar .breadcrumb>*').delay(200).queue(function(){
                breadcrumb();
                $(this).dequeue();
                });
            $('#scripts').load('/' + href + ' #scripts>*')

            history.pushState('', '', href);
        });

我的html的下半部分:

<div class="content"> ... </div>

<div id="scripts">
        <!-- Addons scripts -->
        <script src="jquery.min.js"></script>
        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
        <script src="addons/bootstrap/js/bootstrap.min.js"></script>
        <script src="addons/toastr/toastr.min.js"></script>
        <script src="addons/history.js/bundled/html4+html5/jquery.history.js"></script>

        <!-- theme scripts -->
        <script src="addons/theme.js"></script>

        <script language="javascript" type="text/javascript">
                // Icons …