Position: Fixed element not passing through pointer-event click

I have a navbar that becomes fixed on scroll, when this happens part of it overlays a title that I still want to be clickable.

HTML

<div id="latestWrapper">
    <div id="lwBuff"></div>
    <div id="lwContainer">
        <div id="lwTitle"></div>
        <div id="lwMenu"></div>
    </div>
</div>

CSS

div#latestWrapper {
    height:50px;
    top:145px;
    width:100%;
    text-align:left;
    z-index:1000;
    position:fixed;
}
div#lwBuff {
    float:left;
    width:40px;
    min-height:100%;
}
div#lwContainer {
    min-height:100%;
    margin-left:40px;
}
div#lwTitle {
    float:left;
    height:50px;
    width:17%;
    position:relative;
    pointer-events:none; /* I want to click through this element */
    background-size: 100%;
    background:url('../images/transparent.png');
}
div#lwMenu {
    float:left;
    height:50px;
    width:83%;
    background:#fff;
}

I want to click through #lwTitle, when the element is fixed there's an anchor that I want to click.

Tagged pointer

Posted Dec 21, 2013 9:08 AM

Similar Topic Questions

Header is not passing through Jquery ajax to Java webservice

We are posting json url using jquery ajax. $.ajax({ type: "POST", ...

Posted Nov 21, 2013 5:06 AM

Vertical centred and horizontal top-aligned position fixed element

I am coming up with a jQuery notification system for a website I am building and I need the notification banner to be top aligned horizontally and vertically centered on the page. I figured out the top alignment, but I can't...

Posted Nov 28, 2013 1:08 AM

Horizontally centre position fixed element

I have a notification system I am building in jquery and I am trying to horizontally center the notification's container div. I've tried left:50%;, margin:0 auto;, and `left:50%; and right:50%;' none of which work. So I resorted to estimating the centre ...

Posted Nov 28, 2013 11:29 AM

Centre position:fixed element horizontally

I'm trying to horizontally centre a position fixed element in all viewports. Here's what I've tried: margin:0 auto;, left:50%;, left:50%; and right:50%;, $('.notification').css('marginLeft', -$('.notification').outerWidth/2); , and .notification-board.center{ left: 50%; -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); ...

Posted Nov 28, 2013 1:58 AM

Data is not passing through url

I am trying to pass an id to a controller through url but the problem is it gives me the id field null result of the edit link is like "localhost/home71/project_management/index.php/boq_account/edit?id=" $url=base_url(); echo "<td id='edit'><a href='$url project_management/index.php/boq_account/edit?id='$n->id''>Edit</a></td>"; i have tried so many ways but not...

Posted Dec 11, 2013 12:58 PM

Codeigniter form validation not passing through data variable

When the form_validation function passes it does not pass the $data variable. This is my code: //If the edit button is pressed if...

Posted Dec 13, 2013 7:06 AM

Mobile safari position:fixed element appears in front during scrolling even

I know iphone used to not support position:fixed, but now it does and I'm seeing a weird glitch when I scroll a fixed position element behind other elements with higher z-index. The fixed positions element with the lower z-index appears...

Posted Dec 29, 2013 8:33 AM

NG-CLICK simple function in Angular not passing through variable

I have a defined a basic controller which has a function called setSector (at the bottom) function AppCtrl ($scope) { $scope.sectors = { "Sector": [ ...

Posted Jan 21, 2014 11:25 AM

Position fixed does not work in Google Chrome

In my website and in this page I have a background image for my page. This background image must be fixed. This page works correctly in Firefox, but doesn't work in Google Chrome . the background image css is like...

Posted Apr 15, 2014 2:19 AM

Fixed position, 100% height element, not always 100% on mobile

I want a 40px, 100% height element that is fixed to the left of my responsive website, obviously I need it to be 100% at all times and it works fine on desktop browsers. The problem arises when I'm on a...

Posted Dec 24, 2013 5:29 AM

 
 
Email:

Username:

Password:


Register

Username:

Password:

Login


Forgot Password
Reset my password!