আইপ্যাড সাফারি: কোনও লিঙ্ক হিট হওয়ার পরে কীভাবে দ্রুত ঝলকানো প্রভাবটি অক্ষম করবেন

Question

এটি নিষ্ক্রিয় করার কোনও উপায় আছে কি?
আমি কেবল ব্রাউজারেই বুঝি ... আপনি যখন কোনও লিঙ্ক বা একটি বোতাম বা একটি ডিভ ক্লিক করেন যেখানে এটিতে ক্লিক করা হয়, এটি একটি ধূসর বাক্সে ফ্লিকার করে যেখানে আপনি দ্রুত ক্লিক করেছেন। আমি কীভাবে এটি প্রতিরোধ করব?

Comments

তুমি কেন চাইবে? এটি তাই ব্যবহারকারী জানেন যে তারা আসলে কিছু সক্রিয় করেছে ... এটি খুব সহায়ক।

— ফস্কো

মূলত, আমার একটি বড় চিত্রের উপরে একটি ডিভি আছে। যখন তারা ডাবল ক্লিক করে এটি জুম হয়ে যায় ( যেহেতু এই বিভাগটি স্বচ্ছ হ'ল আমি চাই না যতবার তারা এটি ক্লিক করে এটি ঝাঁকুনি দেয়। যাইহোক, আমি এটি আমার বেশিরভাগ বোতামে রাখছি।

— বিড়াল

Answer 1

আপনি এই উপাদানটির -webkit-tap-highlight-colorসম্পত্তিটিতে একটি স্বচ্ছ রঙ সেট করতে পারেন ।

a {
    -webkit-tap-highlight-color: transparent;
}

Comments

যেমন:-webkit-tap-highlight-color: rgba(0,0,0,0);

— ক্রেজিটাইম

খুব সুন্দর, ধন্যবাদ। আমি এটিকে কনটেইনার ডিভিতে যুক্ত করেছিলাম যা আমার মোবাইল অ্যাপ্লিকেশনটিকে ঘিরে রেখেছে, তবে ধরে নিন যে আপনি এটির মতো শরীরের উপাদানগুলিতেও যুক্ত করতে পারেন: বডি {-ওয়েবেকিট-ট্যাপ-হাইলাইট-রঙ: আরজিবিএ (0,0,0,0); }

— বি-মানি

রেকর্ডটির জন্য, আমি ফোনগ্যাপে তৈরি করছি এমন একটি অ্যাপ্লিকেশনটিতে উপাদানগুলিতে আলতো চাপ দেওয়ার সময় একটি সংক্ষিপ্ত ঝাঁকুনি রাখা ছিল এবং এটি আমাকে বাগ করার জন্য কেবল লক্ষণীয় ছিল। -webkit-tap-highlight-color:transparentসমস্ত কিছুতে সেট করা (অর্থাত্‍ *) যাদুর মতো কাজ করেছিল।

— চার্লি

চার্লি - আপনি যে বিষয়টি দেখছেন সেটি হ'ল কারণ ওয়েবকিটটি আইটেমটি নিষ্ক্রিয় হয়ে যাওয়ার পরে সংক্ষেপে হাইলাইট রঙটি প্রয়োগ করবে to এর মতো একটি বিশ্বব্যাপী নিয়ম স্থাপনের পরিবর্তে -webkit-tap-highlight-color: rgba(0,0,0,0);লক্ষ্যযুক্ত লিঙ্কটির নিষ্ক্রিয় অবস্থায় যুক্ত করা সমস্যার সমাধান করে।

— মাইকেল জনস্টন

কেবল এটি যুক্ত করতে চাইলে এটি ব্যবহার webkit-tap-highlight-color: noneকরে কাজ হয় না । আপনাকে অবশ্যই এর মাধ্যমে স্বচ্ছতা নির্ধারণ করতে হবে rgba(0,0,0,0)।

— ম্যাথেজপাভকভ

Answer 2

ফোনগ্যাপে মোবাইল সাফারি ব্যবহার করা, কেবল এটি কাজ করেছে:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

উত্স: আইফোন ওয়েবকিট সিএসএস অ্যানিমেশনগুলির কারণে ঝাঁকুনির সৃষ্টি হয়

এছাড়াও, প্রধান প্যানেলে, উপস্থাপনা সক্ষম করুন:

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

উত্স: ওয়েবকিট-ট্রান্সফর্মের ওয়েবকিট-ট্রান্সফারেশনে ফ্লিকার রোধ করুন

Comments

আমার কি চিন্তার দরকার মোজিলা সংস্করণ আছে?

— স্টার্লিং বোর্ন