标签: scroll

我试图使用jquery 1.4和jquery-ui-1.8rc3.custom.js打开模态jquery对话框

在所有浏览器中,对话框打开都没有问题,但在IE 7和6中,对话框打开后,窗口自动滚动到按钮...我尝试将窗口向上滚动回到模态位置但是非常不一致.打开模态后使用以下代码行

window.scrollTo($('#selector').dialog('option', 'position')[0],$('#selector').dialog('option', 'position')[1]);

我注意到的一个奇怪的事情是,在我打开模态之后,页面变得巨大......好像一些额外的东西加在底部......它最终滚动到底部.任何想法为什么这可能是hapenning

在HTML中

<div id="selector">
</div>

在document.ready

$('#selector').dialog({
  bgiframe: true,
  autoOpen: false,
  width: 100,
  height: 100,
  modal: true,
  position: 'top'
});

在js

$('#selector').dialog('open');

我正在尝试实现类似于WhatsApp的效果,其中工具栏(滚动时)将剪切成视图磁铁状或视图磁铁状.

我的MainActivity XML是什么:

• DrawerLayout - 基本布局
• CoordinatorLayout - Appbar和工具栏以及选项卡的布局
• AppBarLayout - 用于保存工具栏和标签
• 工具栏 - 有这个标志: app:layout_scrollFlags="scroll|enterAlways"
• SlidingTabLayout - 显示选项卡
• ViewPager - 用于标签
• RecyclerView - 用于coordinatorlayout

现在不要误会我的意思,它有效,当我向下滚动工具栏被推出视图但说我停止中途滚动,然后工具栏只是坐在那里一半隐藏在视野外,另一半在视野中..

我怎样才能解决这个问题,因为我希望它能够跳出视图或进入视图.

我的问题是我（在 SwiftUI 中）有一个 ScrollView，里面有一个 foreach。知道 foreach 何时加载我的所有条目，我希望最后一个条目得到关注。

我做了一些谷歌研究，但我没有找到任何答案。

  ScrollView {
    VStack {
      ForEach (0..<self.entries.count) { index in
        Group {
          Text(self.entries[index].getName())
        }
      }
    }
  }

我有一个嵌入在 css-grid 中的组件。

在 stack blitz 中，我有一个 3 行的外部网格。其中一行具有最小宽度。如果视口小于最小宽度，如何让它水平滚动？

在中间行中，我有一个组件，它本身使用 2 列网格。列中的 div 有一个最小高度。

我正在寻找的是，如果视口的大小使整个内部组件（红色框）不可见，则红色框是可滚动的。

这是一个堆栈闪电战：

https://stackblitz.com/edit/angular-q4geyk

这是另一个例子：

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.content {
  display: grid;
  grid-template-rows: 2em 1fr 1px;
  grid-gap: 0.5rem;
  height: 20em;
}

.my-panel {
  border: 1 green solid;
  background-color: red;
  padding: 0.25rem;
}

.my-component {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
  padding: 0.25rem;
  height: 100%;
}

header {
  border: green solid 1px;
  padding: 4px;
}

main {
  border: …

我正在尝试构建自己的网格视图函数 - 扩展GridView.我唯一无法解决的是如何获得当前的滚动位置GridView.

getScrollY()总是返回0,并且onScrollListener参数只是一系列可见的子视图,而不是实际的滚动位置.

这似乎并不困难,但我在网上找不到解决方案.

这里有谁有想法？

我知道可以上下检测,例如

    function handle(delta) {
    if (delta < 0) {
        alert('down');
} else {
    alert('up');
    }
}

function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
        delta = event.wheelDelta/120; 
    } else if (event.detail) {
        delta = -event.detail/3;
    }
    if (delta)
        handle(delta);
        if (event.preventDefault)
                event.preventDefault();
        event.returnValue = false;
}

/* Initialization code. */
if (window.addEventListener)
    window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;?

但有没有办法用鼠标滚轮检测用户的鼠标是向左还是向右？

好吧继承人的情景.我有一个单页网站,可能部分使用锚链接.当用户处于辅助布局(页面)时,当他们点击再次转到主页面上的某个部分时,由于某种原因,图形在滚动发生之前不能正确加载.我想要做的就是无论何时加载主布局,无论加载哪个锚,只需向上或向下滚动页面1个像素.

 $.scrollTo({ top: '+=100px', left: '+=0px' }, 800);

我尝试了上面的代码,但是这段代码只是让用户从顶部获得100个像素.我不希望这种情况发生,即不是从顶部,而是从用户在屏幕上的任何地方.

我正在尝试创建一个纯粹的100%CSS(没有jQuery)"返回顶部"按钮,但我希​​望该按钮仅在访问者向下滚动页面时显示.

是否有可能以某种方式检查CSS？因此,如果访问者向下滚动一点,则显示"返回顶部"按钮.

谢谢!

所以我想知道是否有可能与该overflow:scroll值有不同的起始位置;

当您开始滚动时div,默认行为是从左向右滚动:

|<--Scrollbar-Starting-Left-->_________________________________________________|

它可能从右边开始吗？

|_________________________________________________<--Scrollbar-Starting-Right-->|

在我的例子中,red和green项目首先可见,我希望首先看到项目green和blue项目:)

我试过direction:rtl;但没有运气

我在angularjs应用程序中滚动有问题.

目前它有2页:第一页是客户列表,您可以选择其中一个并查看其详细信息.第二个是公司列表,它的工作方式相同.

我正在使用面板在它们之间导航$location.path().该应用程序还有一个后退按钮,使用$window.history.back().

当您选择客户或公司列表中的某个项目,然后在按下该按钮后,您将返回到上一页(客户或公司列表)并恢复滚动位置.我正在使用标准$window.history.back()功能,没有实现任何自定义.

但这里出现问题:如果没有向任何方向滚动,只需转到另一个页面(到其他项目列表)滚动位置将不会重置.但如果你只是稍微滚动一下,它的位置就会重置.此外,如果你不使用后退按钮一切正常.

所以,问题是:在使用后转到另一页时我们如何重置滚动位置$window.history.back()？

我也使用infinite-scroll插件,如果重要的话.但即使我关闭它,没有任何改变,所以我猜问题不在于插件.