标签: scroll

没有滚动或跳转的HTML锚链接

我有各种链接,都有唯一的id是"伪锚".我希望它们影响url哈希值,并且点击魔法全部由一些mootools代码处理.但是,当我点击链接时,它们会自动滚动(或者在一个案例中滚动到顶部).我不想在任何地方滚动,但也需要我的javascript执行并在url更新中获得哈希值.

模拟的示例代码:

<a href="#button1" id="button1">button 1</a>
<a href="#button2" id="button2">button 2</a>
<a href="#" id="reset">Home</a>
Run Code Online (Sandbox Code Playgroud)

因此,如果您点击"按钮1"链接,则网址可以是http://example.com/foo.php#button1

有没有人对此有任何想法?简单地使用一些javascript返回void会导致滚动,但也会杀死我的javascript(虽然我可以使用onclick来解决这个问题)但更重要的是,可以防止url中的哈希值发生变化.

html javascript anchor xhtml scroll

24
推荐指数
4
解决办法
5万
查看次数

Javascript:捕获鼠标滚轮事件,不滚动页面?

我正在尝试阻止页面元素捕获的鼠标滚轮事件导致滚动.

我期望false作为最后一个参数获得预期的结果,但在这个"canvas"元素上使用鼠标滚轮仍会导致滚动:

this.canvas.addEventListener('mousewheel', function(event) {
   mouseController.wheel(event);
}, false);
Run Code Online (Sandbox Code Playgroud)

在这个"画布"元素之外,滚动需要发生.在里面,它必须只触发.wheel()方法.我究竟做错了什么?

javascript mouse scroll mousewheel

24
推荐指数
2
解决办法
4万
查看次数

Selenium webdriver无法单击页面外的链接

我遇到了Selenium WebDriver的问题.我尝试点击窗口页面外的链接(你需要向上滚动才能看到它).我目前的代码是相当标准的:

menuItem = driver.findElement(By.id("MTP"));
menuItem.click();
// I also tried menuItem.sendKeys(Keys.RETURN);
Run Code Online (Sandbox Code Playgroud)

我知道我可以向上滚动,在这种情况下它会起作用.但是如果你有很长的项目列表,你不一定知道你需要向下滚动多远.

有没有办法点击不在页面可见部分的链接(但滚动时会显示)?

作为旁注,我正在使用Firefox,但我打算也使用IE7/8/9和Chrome.

任何帮助将不胜感激.

编辑:我担心我不能提供源代码,因为我工作的公司不允许它,但我可以给出我想点击的链接的代码:

<div class="submenu">
  <div id="MTP">Link title</div>
</div>
Run Code Online (Sandbox Code Playgroud)

链接可见时,完全相同的代码有效,只有当链接不可用时才能使用.

编辑2:实际上,奇怪的是,它不会引发任何异常,只是转到下一条指令.所以基本上,会发生什么:

menuItem = driver.findElement(By.id("MTP")); // no exception
menuItem.click();  // no exception
//... some code ensuring we got to the next page: timeout reached
driver.findElement(By.id("smLH")).click(); // NoSuchElementException, as we're on the wrong page.
Run Code Online (Sandbox Code Playgroud)

java selenium scroll webdriver click

24
推荐指数
5
解决办法
3万
查看次数

WPF TreeView - 如何滚动如此扩展的分支是可见的

当我在树视图中展开项目以便滚动时,会出现滚动条.但是,它不会向下滚动新扩展的项目分支 - 它们会被控件的底部裁剪掉.因此,当我继续在树的底部扩展项目时,我必须手动向下滚动以查看新的子项.有人建议如何让它自动滚动显示新扩展的项目?

wpf treeview scroll

23
推荐指数
3
解决办法
2万
查看次数

溢出自动时自动滚动到底部

有没有人知道如何通过jquery中的事件自动跳转到可滚动区域的底部(如果没有简单的jquery解决方案,甚至是javascript)?

问候

jquery scroll

23
推荐指数
2
解决办法
3万
查看次数

Firefox中的滚动条颜色更改

我想在Firefox中更改滚动条颜色.我怎样才能做到这一点?

css firefox scroll scrollbar

23
推荐指数
3
解决办法
6万
查看次数

100%DIV宽度不是真的100%

当我有一个<div>width: 100%,它是不是真的100%:

<div id="div">testtesttesttesttest</div>

...

#div {
  width: 100%;
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

现在当你调整窗口大小时,所以有一个水平滚动条,你滚动到右边,然后背景就消失了.在这种情况下,我如何保持背景?

在这里你可以看到问题在于:http: //beta.ovoweb.net/?i = 3

现在,当您调整窗口大小并向右滚动时,您将无法再看到背景.如何解决这个问题?

html css scroll width

23
推荐指数
3
解决办法
5万
查看次数

如何使用滚动条使WPF TextBox在添加行时自动滚动到底部?

例如,像Visual Studio的"输出"窗口一样.

有没有办法在XAML中做到这一点?

.net wpf scroll

23
推荐指数
4
解决办法
2万
查看次数

Android ListView将项目添加到顶部而没有列表视图滚动

我有一个listView,我想在列表视图的顶部添加新项目,但我不希望列表视图滚动其内容.我希望用户在添加新项目之前查看他正在查看的相同项目.

这是我向ListView添加新项目的方法:

this.commentsListViewAdapter.addRangeToTop(comments);
this.commentsListViewAdapter.notifyDataSetChanged();
Run Code Online (Sandbox Code Playgroud)

这是addRangeToTop方法:

public void addRangeToTop(ArrayList<Comment> comments)
{
    for (Comment comment : comments)
    {
        this.insert(comment, 0);        
    }
}
Run Code Online (Sandbox Code Playgroud)

这是我的listView:

<ListView
    android:id="@+id/CommentsListView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/AddCommentLayout" 
    android:stackFromBottom="true" >        
</ListView>
Run Code Online (Sandbox Code Playgroud)

我想要做的是在用户滚动到顶部时加载旧注释.

谢谢您的帮助.

android listview scroll

23
推荐指数
2
解决办法
2万
查看次数

正文设置为溢出-y:隐藏但页面仍可在Chrome中滚动

overflow-y在Chrome中遇到了该属性的问题.即使我已将其设置为hidden,我仍然可以使用鼠标滚轮滚动页面.

这是我的代码:

html,
body {
  overflow-y: hidden;
}

#content {
  position: absolute;
  width: 100%;
}

.step {
  position: relative;
  height: 500px;
  margin-bottom: 500px;
}
Run Code Online (Sandbox Code Playgroud)
<body>
  <div id="content">
    <div class="step">this is the 1st step</div>
    <div class="step">this is the 2nd step</div>
    <div class="step">this is the 3rd step</div>
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

有人知道如何阻止Chrome中的垂直滚动吗?

谢谢!

css scroll google-chrome overflow scrollbar

23
推荐指数
3
解决办法
9万
查看次数