相关疑难解决方法(0)

如何在滚动时进行图像淡入效果(如mashable.com)

我想知道mashable.com上图像的淡入效果(例如http://mashable.com/2009/08/14/google-android-logo-remixes/)

当您滚动到图像时,它会淡入.它不会在页面加载时消失,只会在屏幕上项目的实际外观上消失.

谢谢.

javascript animation fade effect

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

打印浏览器窗口的可查看内容

我有一个我正在开发的网站,客户端有一个非常独特的请求.他们希望用户能够点击按钮并打印浏览器窗口的内容.我想知道是否有人已经实现了类似的功能或者知道任何策略来开发这样的东西,因为我没有第一个线索.

示例:我在一个页面上有30个图像,但只有4个适合可视区域或浏览器窗口.我想只打印浏览器窗口/或可视区域的元素的确切内容.

提前致谢,

JN

html javascript browser printing

8
推荐指数
1
解决办法
2610
查看次数

在滚动时查找位于可见屏幕(视口)中间的元素

我需要知道是否有一种方法可以确定div是否在屏幕的中心.

HTML:

<div id="container">
 <div class="box" id="box0">
  text
 </div>
 <div class="box" id="box1">
  text
 </div>

 .....

 <div class="box" id="box100">
  text
 </div>
</div>
Run Code Online (Sandbox Code Playgroud)

考虑到页面是可滚动的,有没有办法确定div何时位于可见屏幕的中心?所以基本上,当用户向下滚动页面时,应该选择位于可见屏幕中间的div.

谢谢

javascript jquery

8
推荐指数
3
解决办法
8237
查看次数

如何使用JavaScript判断DOM对象是否在窗口外?

我正在寻找一种方法来了解用户是否在JavaScript/jQuery窗口中显示和显示对象(如Div,img等).

当我说"显示并可见"时,用户不会滚动页面足以让对象可见(如果你知道我的意思).但是如果用户滚动页面并且div不再可见(在窗口外),我正在寻找的功能应该知道.

javascript jquery

8
推荐指数
1
解决办法
1589
查看次数

当用户到达页面末尾以加载新内容时,如何调用JavaScript(AJAX)函数?

在Twitter(新推特)和Facebook上,他们现在可以在您点击页面底部时加载新的推文和帖子.

是否存在可以调用/添加到div的JavaScript/jQuery事件,因此当浏览器触及底部时,它会执行一些ajax调用以获取新数据?

谢谢

丹尼尔

javascript ajax jquery dom

7
推荐指数
1
解决办法
1427
查看次数

检查元素在div中是否可见

我有一个里面有很多李的div.

<div>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
...
</div>
Run Code Online (Sandbox Code Playgroud)

通常当用户在窗口内滚动时,一些<li>人进入溢出并将被隐藏.我知道我可以用这个jQuery插件检查一个元素是否在屏幕的视口中:http://www.appelsiini.net/projects/viewport 我只需要这个功能,但不是整个屏幕,而是一个仅限单个div.因此,当元素不可见时,我可以更新一些文本.

需要一些帮助,提前致谢!

html javascript jquery

7
推荐指数
1
解决办法
4763
查看次数

当我滚动到特定的<div>时,开始执行jQuery函数

我有一个jQuery脚本在页面上显示一个动画计数器,但脚本在页面加载时开始,我需要在用户向下滚动到特定时加载它<div>.

<script>
         $({countNum: $('#counter').text()}).animate({countNum: 63  }, {
          duration: 3000,
          easing:'linear',
          step: function() {
            $('#counter').text(Math.floor(this.countNum));
          },
          complete: function() {
            $('#counter').text(this.countNum);

          }
        });
</script>
Run Code Online (Sandbox Code Playgroud)

当我<div>在页面上滚动到此特定时,需要执行此脚本.

<div id="counter"></div>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

7
推荐指数
1
解决办法
3万
查看次数

水平滚动,检测相对于锚点的滚动位置

好的,我正在为摄影师建立一个水平卷轴网站.我们有一些非常好的线框完成,我希望创建一个整洁的效果,它突出显示屏幕左侧的特定照片,或更具体地将透明度设置为所有其他照片的40%.

所以我知道我可以为每张照片添加锚点,这样我就可以使用它来点击下一个选项,但如果用户手动使用滚动条,我有什么方法可以检测相对于每张照片的位置.即使每张照片都是相同的高度,它们也可以使它更加笨拙,但它们可以有不同的宽度.

我在想是否有办法获得每个锚标记的位置然后我可以检测到它的当前位置并使用一些数学来确定哪一个是焦点.

那么有人可以告诉我这是否可能,如果是这样的话怎么样?当然,欢迎使其成功的任何其他想法.

线框的想法

html javascript dom

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

元素在视图中时的角度检查

在 angular 中,如何检测某个元素是否在视图中?

例如,我有以下内容:

<div class="test">Test</div>
Run Code Online (Sandbox Code Playgroud)

有没有办法检测这个 div 何时出现?

谢谢。

angular

6
推荐指数
2
解决办法
8962
查看次数

等待element.scrollIntoView()进行滚动

在我的seleniumtest中,我将元素滚动到视图中,然后按IJavaScriptExecutor.ExecuteScript如下方式单击它们

var js = (IJavaScriptExecutor) browser;

var script = "$(\"" + selector.Replace('\"', '\'') +
  (!string.IsNullOrEmpty(text) ? ":contains('" + text + "')" : "") +
  "\").get(0).scrollIntoView(false)";

js.ExecuteScript(script);
Run Code Online (Sandbox Code Playgroud)

然后我点击一个按钮

var remoteWebDriver = (RemoteWebDriver) browser;
var elements = remoteWebDriver.FindElementsByCssSelector(selector);

/* pick the element with the correct text */    
IWebElement element = text != ""
  ? elements.Where(element => element.Text.Contains(text)).Single()
  : elements.Single();

var actions = new Actions(browser);
actions.MoveToElement(element).Perform();
actions.Click().Perform();
Run Code Online (Sandbox Code Playgroud)

但是,在滚动到视图和单击之间似乎存在一个时间窗口。通常,人们通过使用来解决此问题Thread.Sleep(500)

我想避免随机睡觉,所以我想找到一种确保滚动发生的方法。

怎么样?

javascript selenium

6
推荐指数
0
解决办法
793
查看次数

标签 统计

javascript ×9

jquery ×5

html ×4

dom ×2

ajax ×1

angular ×1

animation ×1

browser ×1

css ×1

effect ×1

fade ×1

printing ×1

selenium ×1