javascript - Fixed element not being centered by jquery on Safari -

-

i have 3 elements supposed centered jquery upon page load. currently, 2 of elements centered correctly safari on desktop , mobile. #pulse_ball element not being positioned correctly; gets left style of -0.5px reason. after resize, however, 3 elements centered correctly. (on iphone) in portrait mode elements centered correctly after scroll, not in landscape mode.

jsfiddle example

css #pulse_ball:

#pulse_ball {     display: block;     position: fixed;     left: calc(50% - 27px);     z-index: 25;     top: 48%; }

css #center_line:

#center_line {     width: 3px;     background: #dbdbdb;     margin: 0 auto;     position: fixed;     z-index: 0; }

css #arrow_down:

#arrow_down {     display: block;     width: 64px;     position: fixed;     bottom: 10%;     left: calc(50% - 32px); }

js code:

centeritems();  $(window).resize(function() {     centeritems(); });  function centeritems() {     $("#center_line").height($("body").height());     $("#center_line").offset({left: ($("body").width() / 2) - 1});     $("#pulse_ball").offset({left: ($("body").width() / 2) - ($("#pulse_ball").width() / 2)});     $("#arrow_down").offset({left: ($("body").width() / 2) - ($("#arrow_down").width() / 2)}); }

seems css calc() problem, try setting left: 50% #pulse_ball elememnt. here fork working.


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more