草庐IT

滚动到指定位置

全部标签

javascript - 谷歌使用的滚动条

随着Google推出的最新更新,所有网站都获得了自定义JS滚动条(至少在Chrome中)。我最喜欢它的一点是它简单而且工作完美。到目前为止,我见过的许多JS滚动器都不能很好地运行-即,如果你滚动得非常快,或者滚动并移动鼠标,它们就不能很好地运行。因此我只是想知道是否有人知道那里有任何简单/小型(代码足迹很小)并且功能良好(如前所述)的滚动器。我考虑过使用jQueryUI的滚Action为基础,但出于我的需要,我不能为这一功能采用jQueryUI。 最佳答案 它们是通过样式来完成的::-webkit-scrollbar使用CSS而不是

javascript - jquery如何检查滚动条是否几乎向下

有很多网站(例如www.9gag.com)会检查您的滚动百分比并确定您是否下降了80%。如果是这样,它会显示更多内容。我希望看到的代码示例:$(window).scroll(function(){if(scroll.height>=80%){//thescrollisabout80%down.}});我想知道如何检查滚动条是否像那些网站一样下降了80%左右? 最佳答案 您检查页面的高度是多少,并将此值与当前位置进行比较。如果当前位置是高度的80%,则运行一些代码。$(window).scroll(function(){varcont

javascript - 使用 window.scrollBy 平滑滚动

我正在尝试使用setInterval()和window.scrollBy()平滑地滚动页面我会使用jQuery的animate函数,但动画需要连续且无限循环(页面内容将是无限的)。这个想法相当简单:varx=1;vary=1;setInterval(function(){window.scrollBy(0,x);},y);如何在不使动画显得跳动的情况下提高滚动速度?我遇到了两个问题:setInterval()不能采用小于1的Y值(或者可能接近30,具体取决于浏览器限制)增加X的值会导致动画跳动(由于像素被完全跳过)这里有一个fiddle可以用来做实验:http://jsfiddle.n

javascript - 将 'use strict' 放在 Browserify 包中的什么位置

在Browsersifybundle(包含来自许多文件的许多模块)中,usestrict应该出现在哪里以确保整个bundle在严格模式下运行? 最佳答案 当您需要以统一的方式更改browserify输出时,答案通常是使用转换。strictify似乎可以满足您的需求。 关于javascript-将'usestrict'放在Browserify包中的什么位置,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

javascript - Protractor/Jasmine2 - 在指定超时内未调用异步回调

我在selenium网格上运行的e2e测试遇到了问题。有时测试失败是因为Error:Timeout-Asynccallbackwasnotinvokedwithintimeoutspecifiedbyjasmine.DEFAULT_TIMEOUT_INTERVAL.试图以某种方式解决它,将defaultTimeoutInterval更改为protracotr.conf.js中的更高值,但结果等待时间更长,但错误是相同的。exports.config={chromeOnly:true,chromeDriver:'../node_modules/.bin/chromedriver',fra

javascript - 如何在窗口滚动时上下移动div

我有一个jquery函数,可以在滚动页面时上下移动一些div,这里是代码->$(window).scroll(function(){$(".mydiv").css({"margin-top":($(window).scrollTop())+"px","margin-left":($(window).scrollLeft())+"px"});});上面的代码只适用于一个div,比如->ThisdivworksThisdivtakesahighdistancefromabovedivandgoesdown$(window).scroll(function(){$(".mydiv").css

javascript - 为滚动添加弹跳效果

我正在尝试创建一种平滑的滚动体验**,并在用户过度滚动时产生反弹效果,即过度滚动到底部或顶部。Thisanswer回答如何平滑滚动,但我也试图在滚动出界时反弹。像这样:注意。虽然此gif显示的是移动设备,但我想在所有浏览器、桌面和移动设备上实现它。我尝试将以下代码添加到间隔中://50=Paddingif(tgt.scrollToptgt.scrollHeight-tgt.offsetHeight-50){pos=Math.bounce(step++,start,change,steps);}else{pos=Math.easeOut(step++,start,change,steps

javascript - 谷歌图表时间轴水平滚动

我有一个时间线图表,与本页的第一个示例(https://developers.google.com/chart/interactive/docs/gallery/timeline)非常相似。我在Y轴上有事件(做午餐、吃东西、ecc),在X轴上我有时间。我想启用水平滚动和图表放大/缩小(如本主题中所述Googlecharthorizontalscrollbar)。但我似乎无法让它工作。有什么方法可以在时间线图表上启用水平滚动吗?非常感谢。亚历山德罗 最佳答案 没有标准configurationoptions在Timeline上图表滚动

javascript - 如何防止 Focus() 方法将页面滚动到顶部

我在gridview中设置了一组文本框,我使用Focus()方法在失去预期的文本框后恢复焦点。问题是:页面(可滚动),当我调用Focus方法时,在文本更改事件中,页面跳转到顶部。这是一种令人困惑的行为。我的问题是:有什么方法可以防止Focus()方法跳转到页面顶部吗?我的代码:protectedvoidtxt_evaluateWeights_TextChanged(objectsender,EventArgse){calc();intindex=((System.Web.UI.WebControls.GridViewRow)(((RadTextBox)sender).Parent.Na

javascript - 单击页面上的任意位置时关闭元素

我的页面上有一个元素,可以通过单击文本链接来打开和关闭。当用户单击元素本身之外的页面上的任何位置时,我还需要隐藏该元素-这是我的jQuery代码-有人可以告诉我要进行哪些修改以执行我需要的操作吗?$(function(){$("#header-translateulli").click(function(){$("#header-translateliul").toggle("slide",{direction:"up"},500);});}); 最佳答案 使用jQuery'sonefunction非常适合这个。$(function