Issue with using "this" in a scroll call

Issue with using "this" in a scroll call

Hello wonderful humans,

Alright, so either I've found an issue with jQuery, or I'm doing something wrong, and it's most likely the latter rather than the former.  So I've got a code snippet:
  1. $(window).scroll(function() {
  2. if ($(window).scrollTop() > 384) {
  3. $('.chevron').css({opacity: $(this).css('opacity'), animation: "none", WebkitAnimation: "none"}).fadeOut(2000);
  4. }
  5. });
And some HTML:
  1. <svg class="chevron" id="chev1" width="80" height="18">...</svg>
  2. <p class="chevron" id="chev2">...</p>
And some CSS:
  1. #chev1 {
  2. ...
  3. opacity: 0;
  4. animation: chev-pulse 12s ease-in-out 6s infinite;
  5.  ...
  6. }

  7. #chev2 {
  8. ...
  9. opacity: 0;
  10. animation: chev-pulse 12s ease-in-out 12s infinite;
  11. ...
  12. }

  13. @keyframes chev-pulse {
  14. 0% {opacity: 0;}
  15. 17% {opacity: 100;}
  16. 33%, 100% {opacity: 0;}
  17. }
(all with appropriate vendor prefixes and whatnot)

So essentially, when I call the function, Chrome throws an "Uncaught TypeError: Cannot use 'in' operator to search for 'opacity' in undefined" from inside jQuery 2.1.1.  It has the error starting in line 5715 and cascading down through 5980, 6099, 3490, and 6081 before making it back to my script.  Now I get why this error is occurring, and I know how to work around it, but I'm still gonna throw it out there in case this is unexpected behavior, in case someone decides that being able to grab a "this" from inside a function it didn't call would be cool, or in case this error needs a handler inside jQuery.

I don't know, I'm trying to abuse "this," thoughts?