草庐IT

位置图

全部标签

javascript - 为所有哈希链接/调用的滚动位置添加一个自动偏移量

我有以下问题:就像在Facebook上一样,我在页面顶部有一个始终可见的菜单栏(position:fixed;)。当我现在点击我页面上的散列链接(或加载一个新的url中有散列的页面)以跳转到页面上的某个元素时,浏览器总是将该元素滚动到页面的最顶部,这意味着元素位于顶部菜单栏后面。我想添加一些Javascript(jQuery或普通Javascript),它会自动向该滚动位置添加(负)偏移量,以便链接元素位于顶部菜单栏的右下方单击链接或加载页面时。但我不只是想将事件监听器添加到处理此问题的所有链接。我还想要一个有效的解决方案,如果页面使用浏览器的地址栏加载了url中的散列部分(或者当链接

javascript - 如何推送到特定位置的数组?

我正在尝试高效地编写一条语句,将其推送到数组的位置1,然后推送该位置中的任何内容,或者在它之后返回一个位置。array=[4,5,9,6,2,5]#push0toposition1array=[4,0,5,9,6,2,5]#push123toposition1array=[4,123,0,5,9,6,2,5]最好的写法是什么?(可接受javascript或coffeescript)谢谢! 最佳答案 array=[4,5,9,6,2,5]#push0toposition1array.splice(1,0,0)array=[4,0,5,

javascript - 根据位置修改 Twitter Bootstrap 的工具提示颜色

我正在尝试为工具提示输出各种颜色(编辑:来自TwitterBootstrap),但似乎我不太明白。更改默认颜色并不难,只需更改.tooltip及其相关定义的颜色即可。但是假设我想更改正文中特定工具提示的颜色像这样的简单方法#users.tooltip{background-color:#somecolor;}好像不行。我想这与DOM有关,我需要将某种类附加到特定的工具提示上吗?还是我完全离开了?谢谢:)这是一个JSFiddle:http://jsfiddle.net/rZxrm/ 最佳答案 Twitterbootstrap没有内置此

javascript - 查找页面的最大滚动位置

我已将页面主体设置为200%高,以便它适合屏幕两次。使用javascript,我让它在你滚动时一直滚动到顶部或底部。为此,我需要找出页面在任何浏览器或屏幕尺寸上的最低滚动点,以便它到达那里时停止。请不要使用JQuery。谢谢。我的代码:(它仍在组装中,因此需要一些工作)functiongetScrollXY(){varx=0,y=0;if(typeof(window.pageYOffset)=='number'){//Netscapex=window.pageXOffset;y=window.pageYOffset;}elseif(document.body&&(document.bo

javascript - 在输入文本字段中设置光标位置

经过大量搜索,我发现了以下主题:definecursorpositioninforminputfieldjQuerySetCursorPositioninTextArea不幸的是,在所有帖子中都没有给出完整的表单嵌入代码或真实示例。现在我只是不知道如何将nemisj的代码(在第一个链接上)或Mark的代码(在第二个链接上)包含到我的表单中:$(document).ready(function(){$("#site").focus(function(){if(this.value==this.defaultValue){$(this).val("http://");}});});我想知道

javascript - 使用 chart.js 在任意位置实现具有 50 个点的雷达图的最有效方法是什么

考虑以下几行的数据序列:data=[{angle:1.2,value:1.2},...,{angle:355.2:value:5.6}];我想在径向缩放图(即表示每个点的值有多高的圆形带)上显示此数据,以显示Angular与值。每个数据集的Angular都会发生微小但无法控制的变化,但在图表周围总会有大约50个Angular相当均匀地分布。看起来chart.js有两个不太符合要求的选项:雷达图似乎需要每个点的标签,但没有明显的方法来控制这些标签的应用位置。一个x-y散点图,我可以为其计算x/y坐标,但没有径向标度来帮助可视化每个点的值。有没有办法将这两者或我错过的一些选项结合起来,以控

javascript - 不移动位置的 SVG 比例

我想做的很简单:当使用vanillajs悬停同级元素时,将一些SVG点从scale(0)缩放到scale(1).它们是thedemo中的红色这是基本的SVG设置.st3{fill:red;}*{-webkit-transition:.3s;transition:.3s;}问题是SVG缩放基于原点位置,而不是当前位置,因此当应用变换时,除了缩放元素外,它还会移动元素。我试图通过按BBox()偏移进行翻译、缩放,然后再翻译回来来解决这种情况,但这似乎只是有帮助,并没有完全解决问题。varshield=document.getElementById("Layer_4"),dots=docum

javascript - 控制 Facebook iFrame 应用程序父框架的滚动位置

我已经成功启动并运行了一个FacebookiFrame应用程序,但我意识到由于跨域问题,我无法处理父框架的滚动位置。如果用户在页面上点击得太远,我无法将他们弹回顶部。有没有人幸运地使用了任何FacebookJS库或其他JavaScript技巧来实现这一目标?谢谢! 最佳答案 Facebook在2011年4月向新的JavaScriptSDK添加了FB.Canvas.scrollTo方法:http://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo

Javascript使页面跳转到特定位置

我在javascript中有一种方法可以让页面跳转到页面的特定位置,比如我不想重新加载页面, 最佳答案 2020年答案一个简单而现代的方法是这样的:document.getElementById("jump_to_this_location").scrollIntoView({behavior:'smooth'});behaviour:'smooth'参数使跳跃......好吧......平滑。这可能是你们大多数人想要的。 关于Javascript使页面跳转到特定位置,我们在StackO

javascript - 什么是 Service Worker 控制台? & 它在 Chrome 浏览器中的什么位置?

我在处理推送通知时遇到了一个陌生的术语:serviceworker控制台。我已经阅读并在浏览器中使用了术语consolelog或webconsole,但我不熟悉术语serviceworkerconsole,我在googlingit之后没有找到合适的答案.谁能解释什么是serviceworkerconsole?如何在谷歌浏览器中访问它? 最佳答案 转到chrome://serviceworker-internals选择任何serviceworker并启动它(如果尚未启动)。点击检查!!轰!你那里有控制台!