HelloEveryone，
我正在创建一个基于移动设备的网站，里面有很多段落和文字以及很多Div。
页面很长，在单个html页面中包含大量单词。 我想实现搜索栏（如果可能隐藏并显示一个小栏，按下会将搜索框滑动到索引页面），带输入框，下一步按钮，上一个按钮和关闭按钮（这将再次隐藏搜索栏）。因此，当用户输入任何文字说＆＃34; Dogs＆＃34;，它会搜索＆＃34; Dogs＆＃34;在整个页面中，当找到搜索字符串的条目很多时，按下“下一个”或“上一个”按钮时将自动进行用户滚动。 与桌面浏览器中的Ctrl + F类似。
是否可能。
以下是index.html页面上的示例
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content='width=device-width, initial-scale=1.0,text/html,charset=utf-8' >
</head>
<h1 style="text-align: left;"><span style="text-decoration: underline;"><strong><span style="color: #ff0000; text-decoration: underline;">Cell Biology and Genetics</span></strong></span></h1>
<p> </p>
<h2><span style="color: #000080;">Cell Biology / Organells</span></h2>
<p> </p>
<p>1) Amembranous cell organelle</p>
<p> </p>
<p><strong><em>@Rajkumar N Mahesh are Close and Mutual</em></strong></p>
<p> </p>
<p>Explanation:</p>
<p><strong>R</strong>- Ribosome Smallest cell Organelle</p>
<p><strong>N</strong> - Nucleolus</p>
<p><strong>M</strong> - Microtubule, Micro filaments</p>
<p><strong>C</strong> - Centriole</p>
<p> -Chromosome</p>
<p> </p>
<p>Note:-</p>
<p><strong><em>☞</em></strong> <strong>Organellele structure without membrane</strong></p>
<p><strong><em> @ Manob Chor Never Come To my Room</em></strong></p>
<p> </p>
<p>Explanation</p>
<ul>
<li>M: Microfilament</li>
<li>C: Chromosome</li>
<li>N: Nuclelous</li>
<li>C: Centriold</li>
<li>tM: Microtuble</li>
<li>R: Ribosome</li>
</ul>
<p> </p>
<p> </p>
<p><u>2) Single Membrane</u></p>
<p><strong><em> @ Singal Gal Love Entimate Partner</em></strong></p>
<p> </p>
<p>Explanation:</p>
<p>--> <strong>S</strong>phaerosomes</p>
<p>--> <strong>G</strong>lyoxysomes</p>
<p>--> <strong>G</strong>olgi body</p>
<p>--> <strong>Ly</strong>sosomes - small cell orgomelle with</p>
<p>--> <strong>E.</strong>R membrane</p>
<p>--> <strong>P</strong>eroxizome</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><strong>3) Organelle structure with double membrane</strong></p>
<p><strong><em>@ Double Prime Minister of Nepal</em></strong></p>
<p> </p>
<p>Explanation</p>
<p> </p>
<p>Double membrane</p>
<p>P: Plastid</p>
<p>M: Mitochondria</p>
<p>N: Nucleus</p>
<p> </p>
<p>Note:-</p>
<p><strong><em>☞</em></strong><strong><em> </em></strong>Organelle bounded by Triple membrane</p>
<p><strong> T</strong>ransosome - <strong>T</strong>riple membrane <strong><em>( @ T for T)</em></strong></p>
<p> </p>
<p><strong>4) Models of cell membrane</strong></p>
<p> </p>
<p>i. Lipid model: proposed by overton</p>
<p><strong><em>@(Lipid ≈ Fat ( </em></strong><strong><em>बोशो</em></strong><strong><em> ) </em></strong><strong><em>धेरै</em></strong> <strong><em>भएपछि</em></strong> <strong><em>weight Over </em></strong><strong><em>भएर</em></strong> <strong><em>ton </em></strong><strong><em>मा</em></strong> <strong><em>mesaurable </em></strong><strong><em>हुन्छ</em></strong><strong><em>)</em></strong></p>
<p> </p>
<p>ii. San<strong>D</strong>wich model proposed by <strong>D</strong>anielli and <strong>D</strong>avson</p>
<p><strong>@D=D=D common</strong></p>
<p> </p>
<p>iii. Fluid Mosaic mdel: Singer and Nicolson</p>
<p><strong><em>@(Fluid ≈ Flute ( </em></strong><strong><em>बाशुरी</em></strong><strong><em> ) </em></strong><strong><em>जब</em></strong> <strong><em>flute </em></strong><strong><em>बज्छ</em></strong> <strong><em>तब</em></strong> <strong><em>Singer </em></strong><strong><em>ले</em></strong> <strong><em>गीत</em></strong> <strong><em>Nicalcha</em></strong> )</p>
<p> </p>
<p> </p>
<p><strong>5) Protoplasm </strong></p>
<p>i. <strong>D</strong>ujardin <strong>D</strong>iscovered protoplasm and term sarco<strong>D</strong>e</p>
<p><strong>@D is common</strong></p>
<p>ii. <strong>P</strong>urkinje coined the term <strong>p</strong>rotoplasm</p>
<p><strong>@P for P</strong></p>
<p> </p>
<p> </p>
<p><strong>6) Resolving power and magnification</strong></p>
<p><strong><em>@MERO </em></strong></p>
<p> </p>
<p>Explanation</p>
<p>i.e <strong>M</strong>agnification power depends upon the diameter of <strong>E</strong>ye lens and</p>
<p><strong>R</strong>esolving power depends upon the diameter of <strong>O</strong>bjective lens.</p>
<p> </p>
<p> </p>
<p><strong>7) Mnemonic Device </strong></p>
<p><strong><em>@"BRIM GERL" </em></strong></p>
<p><strong><em>@"No Class Monday oR Friday"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p>Type of Ribosome and Protein Destination:</p>
<p>Bound Ribosome- Integral Membrane, Golgi, Endoplasmic Reticulum, and Lysosome.</p>
<p>Free Ribosome - Nucleus, Cytoplasm, and Mitochondria.</p>
<p> </p>
<p> </p>
<p><strong>8) Mnemonic Device </strong></p>
<p><strong><em>@ "Golgi Distributes A SPAM"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p><u>Golgi complex: functions </u></p>
<p>Distributes proteins and lipids from ER:</p>
<p>Add mannose onto specific lysosome proteins</p>
<p>Sulfation of sugars and slected tyrosine</p>
<p>Proteoglycan assembly</p>
<p>Add O-oligosugars to serine and threnonine</p>
<p>Modify N-ologosugars on asparagine.</p>
<p> </p>
<p>...............................</p>
<p> </p>
<p><strong><u>9) Shape of Chloroplast</u></strong></p>
<p><strong> <em>@ CC OR DV Z-Star </em></strong></p>
<p> </p>
<p><strong>Explanation:- </strong></p>
<p> </p>
<p><strong>C</strong>hlamydomonas = <strong>C</strong>upshaped</p>
<p><strong>O</strong>edogonium - <strong>R</strong>eticulate</p>
<p><strong>D</strong>isoid - <strong>V</strong>aucheria</p>
<p><strong>Z</strong>ygnema - <strong>S</strong>tar Shaped</p>
<p><strong>U</strong>lothrix - <strong>U</strong> shaped or girdle shapeorHorse shue shape</p>
<p> </p>
<p>....................</p>
<h1> </h1>
<h1><span style="color: #000080;">Cell Cycle</span></h1>
<p> </p>
<p><strong>1) Mneumonic Device</strong></p>
<p><em><strong>@!“Go</strong></em> <em><strong>Sally</strong></em> <em><strong>Go!</strong></em> <em><strong>Make</strong></em> <em><strong>Children!”</strong></em></p>
<p><em><strong>@”Mahatma Gandhi Sonia Gandhi</strong></em></p>
<p><em><strong>Explanation:-</strong></em></p>
<p>Cell Cycle Can be divided into 2 stages:</p>
<p><strong>INTERPHASE:</strong></p>
<ul>
<li>G1 Growth phase 1.</li>
</ul>
<ul>
<li>S Synthetic phase.</li>
<li>G2 Growth phase2.</li>
</ul>
<p><strong>DIVISIONAL PHASE:</strong></p>
<ul>
<li>M Mitosis/Meiosis.</li>
<li><em>C</em> Cytokinesis.</li>
<li> </li>
</ul>
<p><strong>2) Mitosis</strong></p>
<p><em><strong>@“People</strong></em> <em><strong>Meet</strong></em> <em><strong>And</strong></em> <em><strong>Talk (PMAT)”</strong></em></p>
<ul>
<li><strong>Prophase,</strong></li>
<li><strong>Metaphase,</strong></li>
<li><strong>Anaphase,</strong></li>
<li><strong>Telophase.</strong></li>
</ul>
<p> </p>
<p><strong>3)Meiosis</strong></p>
<p><em><strong>@“PMAT X 2”</strong></em></p>
<p>Explanation:-</p>
<p> </p>
<p>It occurs in 2 stages:</p>
<p><strong><u>i)Meiosis</u></strong> <strong><em><u>I</u></em></strong> <strong><em>– reductional division:</em></strong></p>
<p>Prophase I, Metaphase I, Anaphase I, Telophase I.</p>
<p> </p>
<p><strong><u>ii)Meiosis II</u></strong> <strong><em>– equational division:</em></strong></p>
<p>Prophase II, Metaphase II, Anaphase II, Telophase II.</p>
<p> </p>
<p>Note:-</p>
<p> </p>
<p><strong><u>Prophase I</u></strong><strong><em>:</em></strong> divided into 5 substages:</p>
<p><em><strong>@Little</strong></em> <em><strong>Zara! Please Dance Daily.</strong></em></p>
<ul>
<li><strong>Leptotene,</strong></li>
<li><strong>Zygotene,</strong></li>
<li><strong>Pachytene,</strong></li>
<li><strong>Diplotene,</strong></li>
</ul>
<p> </p>
<h2><span style="color: #000080;">Genetics</span></h2>
<p> </p>
<p><strong>1) Term given by Bateson</strong></p>
<p> </p>
<p><strong><em>@BAG </em></strong></p>
<p>Explanation</p>
<p><strong>B</strong>atteson term -<strong> A</strong>llelomorph / Allele</p>
<p> - <strong>G</strong>enetics</p>
<p> </p>
<p><strong>B</strong>ateson term: <strong>A</strong>llelomorph or allele, <strong>G</strong>enetic</p>
<p> </p>
<p><em>( Homozygous and heterozygous are also termed because allele is </em></p>
<p><em>determinant for it.)</em></p>
<p> </p>
<p>2) Mnemonic Device</p>
<p><strong><em> (@Bateson is Genius MAn father)</em></strong></p>
<p> </p>
<p>Explanation</p>
<p>Bateson father of <strong>M</strong>odern <strong>gen</strong>etics</p>
<p>Father of <strong>An</strong>imal <strong>gen</strong>etics</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><strong>3)Mneumonic Device:</strong></p>
<p><strong><em>@Alphabetically r, s (m), t.</em></strong></p>
<p> </p>
<p><strong>Explanation:</strong></p>
<p>RNA processing</p>
<p>In Eukaryotes, there are 3 RNA Polymerases.</p>
<p>RNA Polymerase I --> rRNA.</p>
<p>RNA Polymerase II --> mRNA.</p>
<p>RNA Polymerase III --> tRNA.</p>
<p> </p>
<p>Alphabetically r, s (m), t.</p>
<p> </p>
<p><strong>4) Prcoseing of RNA</strong></p>
<p><strong>Processing of RNA occurs in 3 steps:</strong></p>
<p><strong>1. SPLICING: REMOVAL OF INTRONS AND JOINING OF EXONS.</strong></p>
<p> <strong>EXons</strong> <strong>EXpressed,</strong> <strong>INtrons</strong> <strong>IN</strong> <strong>the trash.</strong></p>
<p><strong>2. CAPPING: ADDITION OF</strong> <em>METHYGUANOSINE PHOSPHATE</em> <strong>CAPS AT</strong> <em>5′</em> <strong>END.</strong></p>
<p><strong> 3. TAILING:</strong> <em>POLY-ADENYLATION</em> <strong>OCCURS AT</strong> <em>3′</em> <strong>END.</strong></p>
<p> </p>
<p>@<strong><em>Alphabetically and numerically</em></strong></p>
<p><strong><em>3 & A comes first,</em></strong> <strong><em>so</em></strong> <strong><em>A at 3′ end.</em></strong></p>
<p><strong><em>5 & G</em></strong> <strong><em>comes later so G at 5′end.</em></strong></p>
<p> </p>
<p> </p>
<p><strong>Note:-</strong></p>
<p><strong>Eukaryotes have </strong><em>Split genes.</em></p>
<p> </p>
<p> </p>
<p>5) Mnemonic Device</p>
<p><strong><em> @ID Ma Anti </em></strong><strong><em>ले</em></strong> <strong><em>Anda </em></strong><strong><em>पकाउनुहुन्छ</em></strong></p>
<p> </p>
<p>Explanation</p>
<p><strong>ID</strong>: <strong>I</strong>ncomplete <strong>D</strong>ominance</p>
<p>Ma: Mirabilis Jalapa (4'0 clock plant )</p>
<p>Anti: Antirrhimum majus</p>
<p>Anda: Andalusian fowl</p>
<p> </p>
<p>6) Codominance</p>
<p><strong><em>@CASCO </em></strong></p>
<p> </p>
<p>Explanation</p>
<p>C: Codominance</p>
<p>A: ABO blood goup</p>
<p>S: Sickle cell trait</p>
<p>CO: Coat colour</p>
<p> </p>
<p> </p>
<p>7) Mutation</p>
<p> </p>
<p>i. X-rays causes mutation by Deletion</p>
<p><strong><em>(@X is sign of deletion)</em></strong></p>
<p> </p>
<p>ii. UV-rays cause mutation by forming dimer</p>
<p><strong><em>(@ UV has 2 letter so cause mutation by dimer )</em></strong></p>
<p> </p>
<p>iii) y-rays cause mutation by producing free radical C</p>
<p><strong><em>@ y is electromagnetic wave and neutral like ligh and light produce free radicle . </em></strong></p>
<p> </p>
<p> </p>
<p> </p>
<p>8) Mnemonic Device</p>
<p><strong><em> @Mo Tu </em></strong></p>
<p> </p>
<p>Explanation</p>
<p>Monosomy condition ( 2n-1) gives Turner syndrome</p>
<p> </p>
<p><strong>9) Initiation codon:</strong></p>
<p> Initiation codon on mRNA.</p>
<p><em><strong>AUG</strong></em> <em><strong>--> INAUGURATES PROTEIN SYNTHESIS.</strong></em></p>
<p> </p>
<p><strong>9) Termination codon name</strong></p>
<p>i. UAG: Amber</p>
<p> <strong><em>@ UAG ≈ AAG Amber ( </em></strong><strong><em>आग</em></strong><strong><em>) </em></strong><strong><em>आगो</em></strong> <strong><em>भनेको</em></strong> <strong><em>Amber </em></strong><strong><em>संस्कृतमा</em></strong></p>
<p> </p>
<p>ii. UGA: Opal</p>
<p><strong><em> @UGA ≈ GopAL: Opal</em></strong></p>
<p>iii. UAA: Ochre (Muj up )</p>
<p> </p>
<p><u>Note:-</u></p>
<p> </p>
<p><u>Termination codons</u> on mRNA:</p>
<p><em><strong>UAA</strong></em> <em><strong>--></strong></em> <em><strong>U</strong></em> <em><strong>ARE</strong></em> <em><strong>AWAY.</strong></em></p>
<p><em><strong>UAG</strong></em> <em><strong>--></strong></em> <em><strong>U ARE</strong></em> <em><strong>GONE.</strong></em></p>
<p><em><strong>UGA</strong></em> <em><strong>--> U</strong></em> <em><strong>GO</strong></em> <em><strong>AWAY.</strong></em></p>
<p> </p>
<p> </p>
<p><strong><u>10) PROTEIN</u></strong> <strong><u>SYNTHESIS</u></strong> </p>
<p>iT OCCURS WITH THE HELP OF RIBOSOMES. THEY </p>
<p>CONSIST OF 2 SUBUNITS :</p>
<p> </p>
<p><em><strong>IN</strong></em> <em><strong>EUKARYOTES: 40S + 60S --> 80S (EVEN)</strong></em>.</p>
<p><em><strong>IN</strong></em> <em><strong>PROKARYOTES: 30S + 50S --> 70S (ODD</strong></em>).</p>
<p> </p>
<p> </p>
<p><strong>11) Ribosome</strong></p>
<p>A Ribosome has 3 sites:</p>
<p> </p>
<p><em>A</em> <em>SITE = INCOMING</em> <em>AMINOACYL-TRNA.</em></p>
<p><em>P</em> <em>SITE = GROWING</em> <em>PEPTIDE CHAIN</em><em>.</em></p>
<p><em>E</em> <em>SITE = HOLDS</em> <em>EMPTY TRNA AS ITS</em> <em>EXITS</em><em>.</em></p>
<p><strong>Messenger RNA acts as the <em>template for protein synthesis.</em></strong></p>
<p> </p>
<p> </p>
<p>AMINO ACID ATTACHMENT ARM HAS A C C A SEQUENCE </p>
<p>BY THE HELP OF WHICH IT FORMS ESTER BOND WITH AMINO</p>
<p>ACID.</p>
<p><em><strong>C C A</strong></em> <em><strong>–</strong></em><strong> @</strong><em><strong>Can</strong></em> <em><strong>Carry</strong></em> <em><strong>Amino acid.</strong></em></p>
<p> </p>
<p> </p>
<p><strong>12) Mnemonic Device</strong></p>
<p><strong><em>@ Operaon concept is like MoJa</em></strong></p>
<p> </p>
<p>Explanation</p>
<p><strong>Operon concept</strong> given by <strong>Mo</strong>nad and <strong>Ja</strong>cob</p>
<p> </p>
<p> </p>
<p>13)Enzyme Classification</p>
<p><strong><em>“Over The HILL“</em></strong></p>
<p> </p>
<p>Explanation:</p>
<ul>
<li>Oxidoreductases</li>
<li>Transferases</li>
<li>Hydrolases</li>
<li>Isomerases</li>
<li>Ligases</li>
<li>Lyases</li>
</ul>
<p> </p>
<p> </p>
<p>14) Mnemonic Device</p>
<p><strong><em>@"The Rhythm Nearly Proved Contagious"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p>Vitamin 'B' names in increasing order:</p>
<ul>
<li>Thiamine (B1)</li>
<li>Riboflavin (B2)</li>
<li>Niacin (B3)</li>
<li>Pyridoxine (B6)</li>
<li>Cobalamin (B12)</li>
</ul>
<p>......................................................</p>
<p> </p>
<p><strong>15) Mnemonic Device</strong></p>
<p><strong><em>@"PHenylketonuria"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p>Phenylketonuria: which enzyme is deficient</p>
<p>PHenylketonuria is caused by a deficiency of:</p>
<p>Phenylalanine Hydroxylase.</p>
</div>
</div>
</div>
<body>
</body>
</html>