相关疑难解决方法(0)

检测窗口中呈现的div,以实现类似Google-Reader的自动标记读取?

在"扩展"视图中使用Google阅读器和浏览RSS条目时,一旦在屏幕上显示div的某个百分比,条目将自动标记为"已读"(在以下情况下很难分辨出必须显示的百分比)谷歌读者).因此,当我逐行向下滚动时,javascript代码可以确定a)条目在可见窗口中呈现并且b)某个量是可见的,并且当满足这些条件时,状态被切换为读取.

有谁知道该功能是如何实现的?具体来说,这里有没有人知道如何判断一个div是否已滚动查看div中有多少可见?

顺便说一下,我正在使用jQuery,所以如果有人有任何jQuery特定的例子,他们将非常感激.

javascript jquery scroll

11
推荐指数
1
解决办法
969
查看次数

当页面上的某个点通过时,显示div

不知道从哪里开始这个真的.有没有人知道一种方法,一旦页面上的某个div滚动过去,就会从display:none(或其他类似的东西)进行div更改?

html javascript css jquery show

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

如何在HTML中向下滚动按钮?

无法在任何地方找到这方面的教程,或者只是没有使用正确的关键字.我正在创建一个单页的网站,我希望导航栏按钮向上/向下滚动页面到右边的部分.这只能在HTML和CSS中实现吗?
我对JavaScript不太熟悉.

类似于"滚动到顶部",但我可以决定滚动页面的位置,如中间,顶部,底部等.

html javascript css scroll

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

滚动到时启动动画

在滚动到页面上的特定位置后,我花了一整天时间寻找一种简单的方法来启动动画.

我的css

.animation {
 width: 50%; 
 float: left; 
 position: relative; 
 -webkit-animation-name: test; 
 -webkit-animation-duration: 4s; 
 -webkit-animation-iteration-count: 3;
 -webkit-animation-fill-mode: forwards; 
 animation-name: test; 
 animation-duration: 4s; 
 animation-iteration-count: 1; 
 animation-fill-mode: forwards; }
Run Code Online (Sandbox Code Playgroud)

还有我的HTML

<div class="container">

<div class="animation">

Content goes here...

</div>

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

我想知道当我滚动到类容器时如何使动画开始.

javascript css jquery animation scroll

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

使用纯javascript只获取可见元素

我有如下元素

<div class="one">send Message</div>

<div class="one">send Message</div>

<div class="one">send Message</div>
Run Code Online (Sandbox Code Playgroud)

我有一个网页,上面有像上面一样的发送消息按钮,其中一次只有一个按钮可见。其他两个按钮通过一些 javascript 代码隐藏。例如,如果第二个按钮可见,我应该能够得到只有那个元素。

所以我的代码将类似于

document.querySelector(".one:visible");
Run Code Online (Sandbox Code Playgroud)

在 jquery 中,代码是$(".one:visible");,它工作正常,但我需要知道如何通过纯 javascript 来做到这一点。

javascript

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

jQueryUI自动滚动拖动

http://jsfiddle.net/ujty083a/4/

  $(document).ready(function(){
        $(".left ul li").draggable({
            refreshPosition: true,
            revert: true
        });

        $(".right li").droppable({
            drop:   function(e, ui){
                alert(ui.draggable.text()+" "+$(this).text());
            }
        });

    });
Run Code Online (Sandbox Code Playgroud)

我有三个列表,你可以拖动,另外两个接受drop.右侧列表可能有也可能没有滚动条,但总会有2个或更多.

我发现的第一个问题是当顶部列表有滚动条并且您尝试删除第二个列表中的项目时会触发两个事件.一个用于隐藏列表,一个用于可见列表.

第二个问题是,当其中一个列表具有滚动条时,当用户将项目拖入其中时,它不会自动滚动.

jquery-ui draggable

9
推荐指数
1
解决办法
749
查看次数

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

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

示例:我在一个页面上有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
查看次数

滚动到该部分时如何使Chart.js动画?

我正在尝试使用Chart.js中的饼图(http://www.chartjs.org/docs/#pieChart-exampleUsage).一切顺利,但动画会在页面加载后立即发生,但由于用户必须向下滚动才能看到图表,因此他们不会看到动画.无论如何我只能在滚动到该位置时才能启动动画?如果可能的话,每当该图表进入视图时,是否可以进行动画处理?

我的代码如下:

<canvas id="canvas" height="450" width="450"></canvas>
    <script>
        var pieData = [
                {
                    value: 30,
                    color:"#F38630"
                },
                {
                    value : 50,
                    color : "#E0E4CC"
                },
                {
                    value : 100,
                    color : "#69D2E7"
                }

            ];

    var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData);

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

javascript jquery charts html5 html5-canvas

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