Javascript在加载div时滚动一个像素

Javascript在加载div时滚动一个像素,javascript,jquery,scroll,Javascript,Jquery,Scroll,我使用的是jQueryTools叠加灯箱类型的东西和一个称为完美滚动条的滚动条的混合。我的问题是,当覆盖加载时,滚动条不会显示,直到您在该框内滚动。我需要能够使它更清楚,让每个人都知道它是一个滚动的内容框。一种可能的方法是在覆盖打开时使内容框向上滚动一个像素。我找到了以下代码 $(".scroll-content").load(function() { window.scrollBy(0,-1); } 有人告诉我应该可以用,但不管怎样我都不能让它滚动。。有什么我做错了吗?试试这个:

我使用的是jQueryTools叠加灯箱类型的东西和一个称为完美滚动条的滚动条的混合。我的问题是,当覆盖加载时,滚动条不会显示,直到您在该框内滚动。我需要能够使它更清楚,让每个人都知道它是一个滚动的内容框。一种可能的方法是在覆盖打开时使内容框向上滚动一个像素。我找到了以下代码

$(".scroll-content").load(function() {
    window.scrollBy(0,-1);
}
有人告诉我应该可以用,但不管怎样我都不能让它滚动。。有什么我做错了吗?

试试这个:

 jQuery("container").animate({ scrollTop: 50 }, 800);

如果你想明确有一个滚动条,如果你改变perfect-scrollbar.css,你可以一直打开它


由于滚动条方法绑定到最初处于“隐藏”状态的元素,实际上.BigSuperBlock.block\u覆盖被display隐藏:none;在Css中,插件无法正确计算覆盖容器的高度

因此,当您调用显示“overlay”容器的函数时,必须调用scroll content类上的方法:

你可以在作者的页面上找到这篇文章的主题

要使其工作,您必须再次在jQueryTools模式函数中调用插件“update”方法作为回调


你试过在同一个覆盖层上使用overflow-y:auto吗?@ricohete是的,我试过了,但没有用。。你能链接一个受问题影响的页面吗?@GiacomoPaita我已经这样做了,当我在覆盖层外使用滚动条时,它可以工作,我想在其中生成它,但一旦我把它放在覆盖层内,它似乎就不会加载页面滚动条,直到我滚动…哼。。。事实上,如果我重新打开覆盖,滚动条已经可见。我在页面上还发现了一个JS错误:loaded未定义。是的,我注意到如果你重新打开它,它仍然是你上次打开它时的错误。。。真的需要它在那里的第一次开放虽然!因为叠加显示:无;调用ScrollBar插件时的状态。尝试添加显示:继承到ps-ScrollBar-y-rail css类。$document.readyfunction{$.block_overlay.overlay{mask:'fff',left:'center'};};这是我用来调用覆盖的函数。。如何将滚动条更新整合到其中?请尝试在overlay插件文档中找到打开overlay时要调用的回调函数。不幸的是,网站已关闭,但我认为您可能指的是这部分-$document.readyfunction{$a[rel]。overlay{mask:'fff',top:100,};};它可能类似于:$document.readyfunction{$.block_overlay.overlay{mask:'fff',left:'center',callBackFunction:callBackFunction};};。但是,再次阅读文档。下面是一个示例,即使站点处于脱机状态:$a[rel]。覆盖{onLoad:functionevent{$'.scroll content'.perfectScrollbar'update';//粘贴滚动条代码},onClose:functionevent{//其他自定义代码};
.ps-container .ps-scrollbar-x-rail {
    ...
    opacity: 0.6;
}

.ps-container .ps-scrollbar-y-rail {
    ...
    opacity: 0.6;
}
$('.scroll-content').perfectScrollbar('update');
 $(".block_overlay").overlay({ 
   onLoad: function(event) { 
      $('.scroll-content').perfectScrollbar('update'); 
      // here you update the perfectScrollbar plugin 
   }, 
   onClose: function(event) { 
   // other custom code 
   } 
});