草庐IT

CSS定位div

全部标签

javascript - 如何将 jQuery 的 .css() 与可变属性名称一起使用?

而不是写:$('div').css({'backgroundColor':'red'});我想写这样的东西:$('div').css({get_property_name():'red'});哪里get_property_name()将返回"backgroundColor","color","border-top-color",或任何其他属性(property)。我有什么选择才能让它发挥作用? 最佳答案 The.css()method也可以称为.css(propertyName,value)。$('div').css(get_pro

javascript - jQuery - DIV 随滚动运动移动并将位置固定在窗口的顶部和底部

可能已经有一个jQuery插件可以实现这一点,但我找不到一个可以完全满足我的要求。如果有,请将教程指向我,谢谢。我的问题是我的页面内容很长,当您滚动到页面底部附近时,我的边栏不可见。因此,当您上下滚动页面时,我想让我的#sidebardiv固定在浏览器窗口的顶部和底部。我的侧边栏高度比典型的屏幕分辨率长,所以我需要侧边栏的底部粘在浏览器窗口的底部以及浏览器的顶部。因此,当您开始向下滚动时,侧边栏会像往常一样滚动,但是当您到达侧边栏的末端时,它会粘住并且不会滚动,而当您开始向上滚动时,侧边栏会跟随到顶部侧边栏的到达浏览器,然后它坚持。反之亦然。这可能吗?我创建了一个jsfiddle以简单

javascript - 使用 Javascript 设置 CSS 位置

如何使用JS设置relative50%50%位置?我试过:document.getElementById("id").style.position="relative50%50%";但是好像不行... 最佳答案 您必须单独设置它们。我创建了一个指向style对象的变量,因为我们要修改多个属性并且因为with(){...}是consideredharmful.此外,我将50%设置为两个属性,因为从右到左分配,并且因为将此字符串分配给两个属性不是问题(确保您了解这是如何工作的,例如vara=b=[]会将a和b设置为sameArray对象

javascript - 为什么 Google 使用内联 JavaScript 和 CSS?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我在查看谷歌网页源代码时只能看到内联CSS和JS。我没有看到包含任何CSS文件或JS文件。它们如何包含jquery、插件等?(或)Google使用Jquery吗?

javascript - 如何使用传单定位定位用户?

我正在尝试定位用户并使用传单将map设置到这个位置:varmap;functioninitMap(){map=newL.Map('map',{zoomControl:false});varosmUrl='http://{s}.tile.openstreetmap.org/mapnik_tiles/{z}/{x}/{y}.png',osmAttribution='Mapdata©2012OpenStreetMapcontributors',osm=newL.TileLayer(osmUrl,{maxZoom:18,attribution:osmAttribution});map

javascript - 加载外部 CSS 和 JavaScript 文件的顺序

我有一个加载许多css和javascript文件的第三方应用程序,我现在想通过将所有javascripts连接到一个文件中来优化它,由yuicompressor压缩,但是......当我们有这样的组合:这里中间有一个css重要吗?我应该连接并压缩4个javascript并在CSS之前或之后加载它们吗? 最佳答案 查看Yahoo'sBestPracticesforSpeedingUpYourWebSite,他们建议首先加载您的css(最好在标题中),最后加载您的js(在正文中的所有内容之后)。Google'sbestpractices

javascript - CSS 从左到右淡入淡出

有没有办法只使用CSS使元素(至少只是文本)从左到右淡入淡出,反之亦然?这是我的意思的一个例子:实际上,如果它需要jQuery,我也会接受它,只是作为第二优先级。 最佳答案 是的,您可以使用CSS3动画(checkbrowsersupporthere)。这是一个简单的demofortext-fading.HTML:.text{position:relative;line-height:2em;overflow:hidden;}.fadingEffect{position:absolute;top:0;bottom:0;right:0

javascript - #linkTo 帮助程序中的动态 CSS 类字符串(使用 ember.js 版本 pre4)

我有一个像这样的Handlebars模板:{{#eachsectionincontroller}}{{#linkTo"section"section}}{{section.label}}{{/linkTo}}{{/each}}一切正常。我的模型对象如下所示:App.Section=DS.Model.extend({sectionDetail:DS.attr('number'),label:DS.attr('string'),cssClass:DS.attr('string')});我想在"#linkTo"帮助程序中使用"cssClass"属性。现在,如何(在句法上)完成?我试过了,但这

javascript - 定位上下文菜单

我正在尝试使用jQuery定位自定义上下文菜单。它第一次出现在正确的位置(鼠标坐标),但随后当前位置与新位置相加,因此菜单从屏幕上消失。这是JavaScript:$(function(){$('#box').hide();$(document).bind("contextmenu",function(e){$("#box").offset({left:e.pageX,top:e.pageY});$('#box').show();e.preventDefault();});$(document).bind("click",function(e){$('#box').hide();});$

javascript - AngularJS css 动画 + 完成回调

我正在使用AngularJS,并希望在动画完成时得到通知。我知道这可以通过javascript定义的动画来完成,例如myApp.animation(...),但我很好奇我是否可以在没有javascript的情况下做到这一点。问题是否可以使用Angularng-enter和ng-leave/strong>css-transitions,并指定完成回调?我想animationend事件被触发了,所以应该有办法做到这一点。我有这个:HTML:{{item.name}}CSS:.myDiv.ng-enter{...}.myDiv.ng-enter.ng-enter-active{...}.my