在bootstrap模式内的特定div内滚动不起作用

Question

<div class="modal-body">
	<div class="choose-body">
		<div class="choose-my-connection" style="display: block;">
			<div class="choose-my-accnt-head">
				<h2>My Connections</h2>
			</div>
			<div class="choose-my-accnt-body ">
				<ul class="connection_list_tab"></ul>
			</div>
		</div>
	</div>
</div>

两个javascript都无效。

$('#myModal').on('scroll', '.connection_list_tab', function(event) {
    console.log('post');
});

$('.connection_list_tab').scroll(function(event) {
    console.log('post');
});

Answer 1

您必须将>Rosalind_3363 ATGGGGCTGAGCCCATGTCTAAATGATATCTTGGTGCATTGCAATCTAACTATTTTTTCG CAACCATGTTCCATCTGGCGCAAAATGGGCGTGTAGGGAGCTTCGCTATAGTCACTGAAG AACATTCGCAACTTACAGCTCTCGAGAGGGTACAGCTGGACGGTGTTTGTTTGGTCTAAG TCTGAGTCCAAAGTCGTTGAATGTCGAGCTAGGTTGACGTCATTCTTCGAGTTACGTCTT CATTGATTCGCGGCGGCCGCCAGCATTTGATTGTACACATCCGACGTCTTTGGCAATCTA CATAATTATATTGAGAGGGGCGCCATTACTCGAACCCATAACAAACAACTGTCCGTTTAC AAGGTTATATTATCATGACCTAATGGTTGAGCTACGGAGTGGGGGGCCCTCGGCTACAGG TGTTAAACTATCCTGCGGATGCGGATCTTAGCCCGATTTGCATGGCCCAGTAAGGCGCTG ATTGTAAACCGCCTAGCATACATGTGCTTCTTACTCCAGGGTCCATTGCTACCAGTTCGC TTCTGACGCCTCAATTGTACCTTCCTTTTTTGAATGGCAACCTGCAATAGCAGTCGACTG ATGGGGCGTTACAGTATGAAGGCTATATTTACATTATCTCTAAACACACTGCTACCGCGA AACCCCAACTCGGACCGGTCAGAGCGCTCGTGCTTTGTTCTTGGTCGCTAGCGACCAACA GTGGATAGGTGGGCGCGGGCCTTGCACCTCCTAGAGCATCACGTGGAGTGGATGCAAACA GTCTATGGTCCCCCGCTTCGGCTCACGGGTAACGTCTCTTGTGGTACTAGACCATAGGCA TCCAGGTGAGGGCTACATCCGTATTTAATGAAACTGAGTTCCTCCAAAGCTCCTCGGGAC GCAGGCAGGTTCATCCGCAGTCAGTAAGGGAGGGAAGAGCTTTCCCCGTTCCACCCAGAT GCCCTGTGCACGGGAGAGAGATCCAGGTGGTAG >Rosalind_0423 TCGCAACTTACAGCTCTCGAGAGGG >Rosalind_5768 GCCCAGTAAGGCGCTGATTGTAAACCGCCTAGCATACAT >Rosalind_6780 GTCTTCATTGATTCGCGGCGGCCGCCAGCA >Rosalind_6441 GCAAACAGTCT >Rosalind_3315 TTGGTCGCTAGCGACCAACAGTGGATAGGTGGGCGCGGGCCTTGCACCT >Rosalind_7467 TTATCTCTAAACACACTGC >Rosalind_3159 CGCAGTCAGTAAGGGAGG >Rosalind_6420 TCTAAGTCTGAGTCCAAAGTCGTTGAATGTCGAGCTAGGTTGACGT >Rosalind_8344 GGGGCGCCATTACTCGAACCCATAACAAACAACT >Rosalind_2993 CCAGGTGAGGGCTACATCCGTAT >Rosalind_0536 ATTATCATGACCTAATG >Rosalind_3774 TCGCAACCATGTTCCAT >Rosalind_7168 GGGCCCTCGGCTACAGGTGTTAAACTAT >Rosalind_8059 CAATTGTACCTTCCTTTTTTGAATG 用于类overflow:auto才能使其可滚动。现在，当您滚动div时，它会触发.connection_list_tab事件。

.scroll()

$('.connection_list_tab').scroll(function(event) {

    console.log('post');
});

.connection_list_tab{
  max-height: 50px;
  overflow: auto;
  }