草庐IT

Fixed-Link

全部标签

javascript - 如何使位置 :fixed div scroll horizontally

我有一个position:fixed的div,如下图所示。我希望它垂直固定,但我希望它与其余内容一起水平滚动(注意水平滚动条)。这可以用CSS实现吗?还是我需要Javascript(在这种情况下,我该怎么做)? 最佳答案 老问题,但我也在寻找解决方案,并找到了一个很好的简单jquery解决方案,并且认为如果没有别的,其他人可能会发现它有帮助:$(window).scroll(function(){   $('#header').css('left',originalLeft-$(this).scrollLeft());});head

html - 无法覆盖 webkit-any-link

a:-webkit-any-link{color:-webkit-link;text-decoration:underline;cursor:auto;}我无法覆盖此CSS。我试过这篇文章BluelinesunderlinksonmysiteeventhoughI'vedisabledallrelatedCSS?我试了很多。仍然无法正常工作。我不想修改每台机器来更改用户代理样式表。请帮忙。 最佳答案 如果你说的是造型a:-webkit-any-link{color:-webkit-link;text-decoration:under

html - 无法覆盖 webkit-any-link

a:-webkit-any-link{color:-webkit-link;text-decoration:underline;cursor:auto;}我无法覆盖此CSS。我试过这篇文章BluelinesunderlinksonmysiteeventhoughI'vedisabledallrelatedCSS?我试了很多。仍然无法正常工作。我不想修改每台机器来更改用户代理样式表。请帮忙。 最佳答案 如果你说的是造型a:-webkit-any-link{color:-webkit-link;text-decoration:under

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

javascript - 如何使元素假位置 :fixed so it acts fixed until a certain scroll height, 然后附加?

许多网站都有一个功能,当你滚动时,一个元素会固定在页面上,直到你到达某个点,比如边栏的末端,然后它就会锚定到该边栏的底部。一旦您向上滚动,它就会开始像一个固定元素一样,在您滚动时保留在您的屏幕上。你怎么调用它,它是如何完成的? 最佳答案 您可以将位置设置为绝对位置并将滚动事件附加到页面,在这种情况下,您可以根据滚动条的位置更改顶部的css值(在jQuery中它是纯javascript中的scrollTop它应该是相似的),然后添加条件仅当scrollTop小于特定值(如offset.top+侧边栏的高度)时,top才会更改。

javascript - 如何使元素假位置 :fixed so it acts fixed until a certain scroll height, 然后附加?

许多网站都有一个功能,当你滚动时,一个元素会固定在页面上,直到你到达某个点,比如边栏的末端,然后它就会锚定到该边栏的底部。一旦您向上滚动,它就会开始像一个固定元素一样,在您滚动时保留在您的屏幕上。你怎么调用它,它是如何完成的? 最佳答案 您可以将位置设置为绝对位置并将滚动事件附加到页面,在这种情况下,您可以根据滚动条的位置更改顶部的css值(在jQuery中它是纯javascript中的scrollTop它应该是相似的),然后添加条件仅当scrollTop小于特定值(如offset.top+侧边栏的高度)时,top才会更改。

html - SCRIPT、STYLE 和 LINK 元素的类型属性是否仍然需要?

你会看到很多网站都有以下类型的代码:脚本元素://javascripthere链接元素:样式元素:/*CSS*/我的问题是:当今流行的浏览器是否需要type属性?(流行的意思是IE8+、Firefox、Webkit、Opera和Chrome)如果您不包含它们会怎样?注意:如果HTML5和XHTML文档类型之间存在行为差异,则答案需要涵盖两者。 最佳答案 简而言之,自HTML5以来它们不是必需的,但在HTML4/XHTML中是W3C标准所必需的>.在HTML5script标签的type中:type-Thisattributeident

html - SCRIPT、STYLE 和 LINK 元素的类型属性是否仍然需要?

你会看到很多网站都有以下类型的代码:脚本元素://javascripthere链接元素:样式元素:/*CSS*/我的问题是:当今流行的浏览器是否需要type属性?(流行的意思是IE8+、Firefox、Webkit、Opera和Chrome)如果您不包含它们会怎样?注意:如果HTML5和XHTML文档类型之间存在行为差异,则答案需要涵盖两者。 最佳答案 简而言之,自HTML5以来它们不是必需的,但在HTML4/XHTML中是W3C标准所必需的>.在HTML5script标签的type中:type-Thisattributeident

html - 位置 :fixed element within a position:relative parent. 哪个浏览器渲染正确?

我看到固定位置元素在相对定位的父元素中的行为方式存在差异。根据我在网上找到的文档,FireFox和Chrome应该将元素修复到视口(viewport)而不是父元素。但是,我发现如果我没有在固定元素上指定左/右值,它的行为表现为静态和固定之间的某种混合,从某种意义上说,它垂直固定到视口(viewport),但移动时好像它是父元素中的静态元素。我找不到任何关于这些条件的官方/受尊重的文件。他们基本上都是这样说的:FixedPositioningDonotleavespacefortheelement.Instead,positionitataspecifiedpositionrelativ